Ube ewe‏ مع الكذاب 
ملح الامتحانات 


الممسوحة صوئیا ب CamScanner‏ 


الوحدة الأولى : مواقع الويب + 


0 - ماهم نات موق اوی . 


مواقع الويب 


WEB SITES 


ع بعد الانتهاء من هذه الوحدة دستطيع الطالب أن t‏ 


)١‏ يتعرف بعض المفاهيم والمصطلحات العلمية الأساسية لتكنولوجيا المعلومات 


( مواقع الويب - صفحة الویب .. ) 
۲ ) يمارس العمليات الأساسية للتعامل مع تطبيقات تقنيات المعلومات والاتصالات. 


- إنشاء ومعالجة ملفات الصوت . 


- انشاء ومعالجه ملفات الفیدیو . 


اختبارات مراجعة على ما سبق - 


اختبارات عامة على الوحدة الأولى . 


الوحدة الثانية ۰ تصمیم وانشاء مواقع الویب . 


- لغة الترمیز ۲۲۲۱/1 . 


الموضوع الأول 
مفاهيم وأساسيات مواقع الويب 


اختبارات تراكمية على ما سبق . 


١ 5‏ — مشروع تطبيقى لتصميم موقع ویب . 


اختبارات Asle‏ على الوحدة الثانية . 


اختبارات تراكمية على ما سبق - 


# یتعرف مفهوم ( موقع الويب -- صفحة الويب — الصفحة الرئيسة)۔ 


٭ يستنتج مكونات موقع الويب . KS‏ 
W‏ یوضح عناصر Anio‏ الويب ;>< 
( نص - صورة - فيديو - ارتباط تشعبی ( - 


اختبارات عملى . 


+ مراجعة ALS‏ الامتحان . 


اختبارات الادارات التعليمية واختبارات المدارس . 


# يتعرف أنواع صفحات الويب المختلفة ( الثابتة - التفاعلية  )‏ 


| + الاجابات التموذجية لكافة أسئلة الکتان . 


الممسوحة صو 5 ~ CamScanner‏ 


صمّحة الو یب 


| شاط( 
- عزیزی الطالب: بالتعاون مع زملائك وبمساعدة معلمك قم بعمل التالى: 
- تحميل أحد مواقع الويب , ثم التجول بين صفحات الموقع . 
- التعرف على مكونات صفحات الوبب الثابتة Static We Pages‏ وعناصرها 
) نصوص - صور - لقطات فيديو ... إلخ ) 
- استنتاج أنواع صفحات الوبب . 


ma Web Site موقع الويب‎ 


- عبارة عن صفحة وبب Web Page‏ أو أكثر مترابطة مع بعضها تحت اسم معين E‏ 
- موقع الوبب له عنوان على شبكة الانترنت يسمى ( عنون الموقع Web Address‏ ) 
- يتم زبارة موقع الويب من خلال الكمبيوتر أو الهاتف المحمول . 


BX Web Page صفحة الويب‎ 


- عبارة عن مستند به محتوى إلكترونى ينشر على شبكة الإنترنت ٠‏ ويتم عرضه من 
خلال برنامج مستعرض الإنترنت . 
الصفحة الرئيسة Home Page‏ 3 


- هی أول صفحة بموقع الوبب والتى من خلالها يتم الانتقال لباقى صفحات الموقع ۰ . 


- عزيزى الطالب: بالتعاون مع زملانك وبمساعدة معلمك : 
- حمل موقع وزارة التربية والتعليم : http://www.moe.gov.eg‏ 


- ثم بمساعدة معلمك وبمشاركة زملائك ناقش التالى : 


eee 


sighoSll 


الممسوحه 394( ب amScanner‏ 


الممسوحه 394( ب amScanner‏ 


MTE 


‘Ji 


* السؤال الثانی؛ 


بو شخ | 


اب] > 


| ذل 


amocanner ب‎ >< 2 ۱ 


amScanner ب‎ Wys الممسوحة‎ 


amScanner ب‎ Ygs الممسوحه‎ 


A a‏ خلالها يسهل الانتقال لباقى صفحات المو 
E‏ صفحة الودب التفاعلية 


أ ] عناصر صفحة : الويب 
والصور والأصوات ت ولقطات الفيديو وا لارتباطات التشعبية. 
[S]‏ صفحة الوب التفاعلية j‏ 
]3 ] موقع الويب 
(Y)‏ صفحة ویب Webpage‏ أو أكثر مترابطة مع بعضها تحت اسم معين 
]3 ] موقع الونب 
)£( محتواها یضعه مصمم الصفحة ۰ وبظل هذا المحتوی ثابت لا یتغیر . 
[ أ ] pate‏ صفحة الويب [ب] صفحة الويب التفاعلية 4 


[i]‏ عتاصر صفحة الودب 


[ج] الصفحة الرئيسة 


[ج] صفحة الويب الثابتة 


[ج] صفحة الويب الثايتة [د ] موقع الويب : 
(5) صفحة ویب تستخدم أوامر لغة HTML‏ ولغات أخرى مثل GavaScript‏ و php‏ حك 1 > 5 


فى تصميمها. 
[أ] عتاصر صفحة الويب [ب] صفحة الويب التفاعلية 
آج] الصفحه الرئيسة [د ] الصفحة الویب 


)1( مستند به محتوی (لکترونی ينشر على شبكة الانترنت وبتم عرضه من خلال برنامج 


مستعرض الانترنت . 


| ] عناصر صفحة الويب آب | صفحة الويب التفا ale‏ 
[ج] الصفحة الرئيسة ]3 ] الصفحة الويب 

oe صفحة "التعليم الإلكترونى" بموقع وزارة التربية والتعليم تعتبر‎ (V) 
صفحة ويب ثابتة آب] صفحة ویب تفاعلية‎ ] ! | 

]+[ الصفحة الرئيسة آد ] صفحة لوب : 


w- 


الممسوحة ضوئیا ب CamScanner‏ 


- عزيزى الطالب: بالتعاون مع زهلائك وبمساعدة معلمك : 
- قم بوضع تخطيط لتصميم وإنشاء موقع وبب (موقع مدرستى) من حيث : 
- الاسم والموضوع الذى سوف يُعرض من خلال الموقع . 
- تحديد صفحات الموقع ( الصفحة الرئيسة وباقى صفحات الموقع ) . 
- ضع تخطيط للصفحة الرئيسة وباقى صفحات الموقع . 
- تحديد البيانات والمعلومات التى سوف تظهر فى صفحات الموقع . 


Gass).‏ عب معد 


+ من أهم مراحل إنشاء موقع الويب ویتم فيها ؛ 

. تصميم شكل الصفحة الرئيسة وصفحات الموقع‎ )١ 

e لونه‎ c الخط‎ aaa » تحديد التنسيقات المختلفة لصفحات الوبب مثل لون الخلفية‎ (Y 
. ولقطات الفيديو بصفحات الويب‎ ٠ أماكن وضع النصوص » الصور‎ dogs <٠ 

۳( تحديد الارتباطات التشعبية داخل الصفحة الرئيسة ونعات Jei‏ 


ّ. 
الكمبيوتر ب 


ری ea pede‏ الس 


- المرحلة الأولى: : التخطيط لبناء موقع الوبب . 
- المرحلة الثانية: تصميم صفحات الويب للموقع ٠‏ 
- الرحلة الثالثة: الإعداد والتجهيز لصفحات الوبب . 
- المرحلة الرابعة: مرحلة تنفيذ صفحات الوبب . 
- الرحلة الخامسة: نشر الموقع عبر الإنترنت . 


(۱) فى مرحلة التخطيط لبناء موقع الوب › يتم رسم تخطيطى بسيط على الورق یتضمن 
صفحات الموقع ( الصفحة الرئيسة للموقع ۰ وباقى صفحات الوبب المرتبطة بها ) ٠‏ 
(Y)‏ وبتم تحدید البیانات والمعلومات التی تتضمنها صفحات الویب کمعلومات وخدمات 1 


w- 


الكمجهوتر 


- تحديد الارتباطات التشعبية بين 1 - عزیزی الطالب: بالتعاون مع زملانك وبعساعدة معلمك : 
فحات الوبب الهلا | اقب i‏ : 
تحديد أماكن وضع Ok CRS‏ سوا - قم بالتفاط مجموعة من الصور لمدرستك من فصول ومعامل 


وملاعب باستخدام الكاميرا الرقمية أو الموبايل 

- تجميع صور عن الأنشطة المدرسية والمسابقات التى اشتركت بها ٠‏ وصور 
الشهادات والجوائز التى فازت بها المدرسة . 

- حفظ الصور كملفات JS)‏ صورة ملف ) داخل أحد وسائط التخزين . 


الإعداد والنجهير عدة خطوات هامة هی: 


منسقات النصوص فى إعداد وتجهيز البيانات النصية التى سوف 
حفظ النص داخل ملف نصى > ووضعه داخل مجلد . 


+ تتضمن مرحلة 
(۱) استخدام أحد 
توضع فى صفحات الویب » 

(؟) إعداد وتجهيز ملفات الصور وحفظها داخل مجلد ٠‏ 
(۳) إعداد وتجهيز ملفات انوت والفيديو oes Be‏ أحد المجلدات 


خطوات تنفیت التشاط 
- عزیزی الطالب: بالتعاون مع زملانك ویمساعدة معلمك قم بالاتی: 
- التقاط صور لمعامل وملاعب المدرسة باستخدام الکامیرا الرقمية أو الموبايل . 


- تجميع صور عن الأنشطة التى يمارسها الطلاب paj‏ کت 


ا 


- تجميع صور عن المسابقات التى تم الإشنرا 
a e,‏ ۳ 
التعليمية أو على مستوى الإدارات التعليمية . 


سے ريق لع تات 


- تحديد النصوص المطلوبة لكل صفحة ویب بالموقع من خلال مرحلة التصمیم . 
لصفحات الموقع المطلوبة من خلال الإنترنت أو من خلال الإدارة المدرسية مثل: . 


- تجميع الشهادات والجوائز التى فازت بها مدرستك . 
| - أدخل الصور للكمبيوتر باستخدام الماسح الضوئى أو باستخدام كابل الاتصال بين 
+ تاربخ نشأة المدرسة: ........ + عنوانها: O Soc ea‏ ۱۳ 
E‏ الموبايل والكمبيوتر . 


* الرؤية انس الخاصة al‏ 53 
: - إنشاء مجلد باسم "۳0۲1" داخل saf‏ وحدات التخزين . 


- البحث عن البیانات النصية اللازمة لصفحات الویب المختلفة . ۱ - حفظ ملفات الصور داخل alas‏ ۳۵۲1۳" . 
- كتابة النصوص وحفظها داخل ملف نصی داخل أحد المجلدات . 


د 


تخطيط تفصيلى لصفحات (موقع مدرستى) 


* تصميم وإنشاء موقع الويب يمر بعدة مراحل هى: 

المرحلة الأولی: التخطيط لبناء موقع الويب 
(۱) وضع مخطط بسيط على الورق للصفحة الرئيسة وصفحات الوبب للموقع . 
(Y)‏ تحديد البيانات والمعلومات التى تتضمنها صفحات الويب . 

المرحلة الثانية: تصميم شكل الصفحة الرئيسة وصفحات الويب وتنسيقها 
)1( تصميم شكل الصفحة الرئيسة وصفحات الویب. 
(Y)‏ تحديد لون الخلفية لصفحات الویب . 

)"( تحديد أماكن وضع النصوص والصور ولقطات الفيديو بصفحات الويب . 

(4) تحديد الإرتباطات التشعبية داخل صفحة الوبب وصفحات الموقع . 


+ الإعداد والتجهيز لملفات gagail‏ الصور > الصوت » الفيديو وحفظها داخل أحد 


المجلدات. 
e‏ 
الكمججوتر ww‏ 


بعض أنواع ملفات الصور . ! 
ام هر الانترنت عن أنواع ملفات الصور زات الامتداد Gif, bmp , png)‏ 30 


| ومناقشة الفرق بين أنواع ملفات الصور NN‏ 


اعد اد و تجهیز ملفات الصوت وملفات الفیدیو 
ت E‏ ۱ 
- لاعداد وتجهيز ملقات الصوت والفيديو وحفظها سوف يتم تناول (برنامج الصوت © 


وبرنامج الفيديو) لاحقاً فى الفصول التالية. 


(۱) هی مرحلة تحويل التصميم الورقى بالمراحل السابقة إلى صفحات وبب يمكن عرض 


من خلال أحد برامج متصفحات الإنترنت . $ 
(Y)‏ إضاقة البيانات ( صوص - صور - صوت - فيديو .. ) فى صفحات الویب ۰ 
(۳) إنشاء الارتباطات التشعبية بين صفحات الويب حتى يسهل التنقل بين ES‏ 

الموقع » وذلك باستخدام لغات برمجة وأوامر HTML‏ 4 


Geta)‏ نشر الو عبر الإننرنت 
+ يتم فى هذه المرحلة حجز عنوان للموقع . 
+ تخصيص مساحة تخزبنية للموقع على أحد أجهزة الخادم . 


* نشر الموقع عبر الإنترنت وإعداده للعمل بشكل صحيح . 
۱ مج رن و 


1 ; 
00 
ait g‏ ع 
۱ يب جلة التفيد 
= - - 
١‏ ۱ 
۱ 
i‏ 
لوقع عبر الاتترتت 
1 
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1 


o 


amScanner ب‎ 9 ¢ ۱ 


al 
od Lad | الصته‎ 


الڪ هوتو وتكنولوجيا اليغلومات والإتضالات : ¢ 
یتاسیها من ا 
E E. 2‏ جب را 
ee z‏ | العمود(8 ) 
ee‏ لصفحات لب ian‏ المركلة الاولی 3 ۷ ااسوال الاول : أكمن العبارات التالية مما بين القوسين , 
7 | التخطيط لبناء الموقع à‏ (ب) | المرحلة et _ ast‏ - التصميم - نشر الموقع عبر الإنترنت - التخطيط - الإعداد والتجهيز ) 


شر المع عبر ویب ۱ > Als yal‏ الثالثة 1 å Üa‏ ثانی مراحل إنشاء وتصميم موقع الوبيب چ [ إدارة فوه ] 


] إعداد وتجهیز ملفات الصور وحفظها داخل مجلدت يتم فى مرحلة . ۰ [ ایتای البارود‎ (x) o الرابعة ر‎ ls yall ۱ 7 ا الو‎ F 

a 7 ca 2‏ ۱ المرحلة الخامستة.. ۲۳ هى أول مرحلة من مراحل تصميم وإنشاء موقع الويب ۰ [ إدارة غرب المحلة ] 
: كو E‏ بیس - هى المرحلة الاخيرة من مراحل إنشاء وتصميم موقع الویب.. [ غ المنصورة ] 
(o)‏ انشاء الارتباطات التشعبية لصفحات الموقح يتم فى مرحلة [إذارة المنتزه ] 


FERRY‏ خم علامة (V)‏ أمام العبارة الصحيحة و علامة (x)‏ آمام الخطا: 
0 إنشاء الارتباطات التشعبية يتم فى مرحلة نشر الموقع عبر الانترنت. Leà]‏ ) ( 
)¥( مرحلة تصميم صفحات الوب فى تلق مراحل تصميم وإنشاء موقع الوبب. ) 
(Y)‏ إنشاء الارتباطات التشعبية لصفحات الويب يتم فى مرحلة التخطيط . pe‏ 


أجهزة الخادم, : . [ إدارة أبوحمص] ) 

6 إعداد وتجهيز صفحات الويب هی أول daba‏ تصميم وإنشاء موقع ویب. ( 

)1( مرحلة التنفيذ يتم من خلالها إعداد وتجهيز البياتات النصية ولقطات الفيديو ۰( 

ثانياً : فى مرحله التنفيذ والتصميم وانشاء موقع الویب يتم عمل التالى : (Y)‏ مرحلة الإعداد والتجهيز هی المرحلة الثالثة من مراحل تصميم موقع وين ( 
(A)‏ يتم تحديد البيانات والمعلومات التى تتضمنها صفحات الوبب كمعلومات وخدمات 

۱ يقدمها الموقع فى مرحلة التخطيط لبناء الموقع. [ إدارة غرب المحلة] ) 
(A‏ إعداد وتجهیز ملفات الصور الخاصة بموقع الویب وحفظها داخل مجلدت يتم فى 

ظ مرحلة تصميم صفحات الموقع . ) 
)يتم ریسم تخطیطی بسیط علی ورق لصفحات الموقع ( صفحة الموقع الرئيسة » 

| وباقی صفحات الویب المرتبطة بها ) فى مرحلة التخطيظ لبناء الموقع ۰ ( 
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A 
amScanner ب‎ Yos الممسوحة‎ 


ملفات e 5 ١‏ 
E-‏ لصوت بسهولة ويسر . 


اء ai pla‏ 3 
ما صوت نحتاج إل برنامج معالجة الصوت + 
ج معالجة الصوت پمکننا 
وية « وإضافة 


۲ ۰۱/۷ 0 


نتهاء من هذا | 


فیدیو عن المدرسة . 


الإعداد والتجهیز لإنشاء ملف صوت 


يجرى عمليات المعالجة لمقاطع الصوت ( إضافة تأت 


* يتعرف أنواع امتداد ملفات الصوت . 


رسة ء والادارة التعليمية sa let)‏ 
> والإدارة التعليمية التابعة لها المدرسة » Pe‏ 
EE.‏ لها المدرسة « والمحافطة . 


yy 2 “he 
. بقات‎ : 


- ie 


الممسوحة ضوئیا ب CamScanner‏ 


الک ptho‏ تور وتكتولوجيا اليغلومات والاتطالات 


۳ 


» شهادات التقدیر التى حصلت علیها المدرسة . 

٠ الأنشطة الصيفية التى تقدمها › والرحلات المدرسية‎ ٠ 

> كتابة بيانات المدرسة التى يتم تجميعها فى مستند نصى وتنسيقهاء 
> حفظ المستند النصى داخل ملف نصی . 


iO tee TS 234  * دا موه هو همومه‎ 4 
s KE . y tage os ۵ ولم‎ 


© الإعداد والتجهيز للبرمجيات 
)1( تأكد من تثبيت أحد برامج وإنشاء ومعائجة الصوت على أجهزة الكمبيوتر بالمعد 
(۲) تأكد من توصيل الميكروفون "Mic"‏ بجهاز الكمبيوتر ٠‏ | 
(*) تأكد من توصيل السماعات "Speakers"‏ بجهاز الکمبیوتر . 


مرحلة التنفيذ لانشاء ملف 


)0 الضغط على زر تسجيل © ."Record button"‏ 
) ) قراءة البیانات التی تم تجمیعها عن المدرسة فى الملف النصی باستخدام وحدة 
الإدخال ( الميكروفون "Mic"‏ ). 


- عزيزى الطالب: بالتعاون مع زملانك وبمساعدة معلمك : 
- قم بانشاء ملف صوتى عن مدرستك باستخدام برنامج إنشاء ومعالجة الصو 
)١‏ تحميل أحد برامج إنشاء ومعالجة الصوت . 


؟) تسجيل الصوت من خلال البرنامج . 

۳ قراءة البيانات النصية التى تم إعدادها وإدخالها للكمبيوتر بوحدة الإدخال الميكرو ١ 2 E‏ 

؛) تشغيل الصوت بعد الإنتهاء من تسجیله والاستماع إليه من خلال السماعات ۰ | ات ان رک = 
N ey‏ | 
O‏ خطوات تنفيذ النشاط ED Audacity aC‏ الشريط الزمنى ريظهر به الصوت 


* نستخدم برنامج Audacity‏ لإنشاء ومعالجة الصوت لأنه يتميز بالتالى : E‏ 


ا مسار pin‏ أنظمة تشغيل مختلفة مثل: : Flows, Linux‏ 
يمكن إنزال البرنامج من خلال الموقع: sity.sourceforge.net‏ : 


۴ للإنتهاء من إدخال البيانات الصوتية (إيقاف التسجیل) : 


اضغط على زر الإيقاف "stop"‏ )© 
)نع إلى الصوت الذى تم إدخاله « اضغط على زر التشغيل "Play"‏ ©( 
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1 أنواع امتداد ملمات الصوت | 
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x y“ a دا‎ 11 ERR Wy Se 
اون مه زملائك وبمساعدة معلمك‎ 


م ۲ ۲ 
تلفه Nay‏ 


aor- 


الممسوحه ضونيا ب amScanner‏ 


الممسوحه 394( ب amScanner‏ 


7 


الممسوحه 39-4 ب canner‏ 


amScanner ب‎ Ygs الممسوحة‎ 


الممسوحه 394( ب amScanner‏ 


y‏ ۱ نح سر 


- هى برامج تستخدم لإنشاء وتعديل ملفات الفيديو والصوت ۰ فهی تحتوى على العديد 
من الأدوات والوسائل والتأثيرات التى تساعد المستخدم فى إنشاء ومعالجة لقطات 


الفيديو بطريقة سهلة وسريعة . 


لإنشاء أحد ملفات الفيديو لمجموعة من الصور تم إلتقاطها أو معالجة مشاه 
فيديو تم تسجيلها من خلال كاميرا الفيديو أو كاميرا الويب يجب استخدام برنامج 
* برنامج معالجة الفيديو يقوم بتجزئة الفيديو إلى مجموعة من اللقطات الثابتة يمكن 
تعدیلها ويذلك یمکن تعدیل الفیدیو . 


OF ac GED‏ مجموعة من اللقطات الثبتة والتی بتساسها وتمربرها ب 
معينة یهیی الاحساس البصری بالحركة . 


* یتعرف بعض برمجیات معالجة ملقات الفیدیو . 


7 يوجد العديد من برامج إنشاء ومعالجة ملفات الفیدیو مثل : برنامج Kdenlive‏ , 


8 ينشئ مشاهد فيديو داخل برنامج معالجة ملفات الفيديو  eae aoa‏ وله a aE‏ حد و وان 


یعدل مشاهد الفیدیو - E‏ ; 
* يضيف (تأثيرات - مراحل انتقالی) نشاهد الفیدیو - | 
* يصدر الفيديو إلى ملف بامتداد متاسب . 


** يستورد ملقات (صورا صوت) Openshot webu‏ لإنشاء ومعالجة ملفات 


خلال نظام التشفیل 5 و Linux‏ . مهو 


= 


ويوجد برنامج Movie Maker‏ يعمل من خلال نظام التشغيل "Windows‏ 
يمكنك تحميل أحد برامج إنشاء ومعالجة الفيديو من خلال الإنترنت . 


CamScanner 2 95 اس‎ 


الصف الثانى الإعدادى 


تجميل برنامج انشاء ومعالجة الفيديو والتعرف على واجهته 


Openshot 


مو وولو oer‏ والأنصاا 


تحميل برنامج ) Openshot‏ ( لانشاء ومعالجة الفیدیو ۰ مكونات واجهة برنامج "Openshot"‏ 


# التالى رابط البرنامج: http://www.openshot.org‏ 


| برنامج معالجة الفيديو "Openshot Video Editor"‏ ب 


- يستخدم لإنشاء ومعالجة الفيديو حيث يمكنك من إنتاج ملفات فيديو ذات جودة 1۶ 


من الصور والخلفيات وإضافة المقاطع الصوتية لها . 


4 مميزات برثامج Openshot‏ 


- واجهة تشغيل سهلة الاستخدام » يمكن من خلالها إضافة الصور وملفات ر 
بسهولة وبسر . b‏ 
- إمكانية اضافة التأثیرات لمشاهد الفیدیو . 
| - إضافة المراحل الانتقالية کفواصل بين الصور . 
| - إضافة النصوص إلى مشاهد الفیدیو . 


: "Project Files" ملفات الشروغ‎ (Y) 
| ۰ إلخ‎ one ملفات الصور وملفات الصوت‎ - 
| Project عم‎ | Tronsitons | Effects | : "Function Tabs" قبويب الوظائف‎ (Y) 
. للتنقل بين ملفات المشروع ( ملفات الصور وملفات الصوت)‎ - 
K به‎ b> » 2| . "Preview Window" معاينة الفيديو‎ (٤ ( 
+ 5 ۳ ۷ لا‎ "Edit Toolbar" شریط التعرير‎ (°) 
| . Zoom Slider التصفير والتكبير‎ )5 
. Play head/Ruler رأس القراءة‎ (V) 


^( الشريط الزمنی "Timeline"‏ . 


+ سوف نستخدم البرنامج فى إنشاء ملف فیدیو عن الأنشطة المختلفة لاحد المدارس. 


واجهة برنامج انشاء ومعالجة الفیدیو Openshot‏ 


د 


الكمبيوتر 


الممسوحه 95 ب CamScanner‏ 


w eiri -_ 


ضع plai (Y) Aada‏ العبارة الصحيحة و علامة (x)‏ أمام الخطأ, 

واجهة برنامج Openshot‏ معقدة وصعبة الاستخدام . ) 

) برنامج Openshot‏ مغلق المصدر "Close Source"‏ . ) 
إضافة المراحل الإنتقالية كفواصل بين الصور من مزايا برناسج )-Openshot‏ 

) برامج إنشاء ومعالجة ملفات الصوت هى برامج تستخدم من إنشاء وتعديل ملفات 
الفيديو والصوت . } 

) برنامج معالجة الصور يستخدم لإنشاء ملف فيديو لمجموعة من الصور تم التقاطها 
أو لمعالجة مشاهد فيديو . ) 
برنامج معالجة الفيديو يقوم بتجزئة الفيديو إلى مجموعة من اللقطات الثابتة. ( 

) برنامج Openshot‏ يعمل من DE‏ نظام التشغيل Windows‏ و -Linux‏ )+ 

/( يمكنك تحميل أحد برامج إنشاء ومعالجة الفيديو من خلال الإنترنت . 1 

) برنامج Openshot‏ لا يتيج إمكانية إضافة النصوص على مشاهد الفيديو . ( 
سل أكمل dexi‏ التالية بما هو مناسب من بين القوسين , 

(الثابتة — كاميرا الفيديو - كاميرا الويب — Kdenlive‏ - ملفات الفيديو — الفيديو) 

)١‏ برامج إنشاء ومعالجة تحتوى على العديد من الأذوات والوسائل والتأثيرات التى 

| تساعد فى معالجة لقطات الفيديو بطريقة سهلة وسريعة 

)١‏ يستخدم برنامج إنشاء ومعالجة الفيديو لإنشاء ملف فيديو لمجموعة من الصور تم 

۱ إلتقاطها أو لمعالجة مشاهد فيديو تم تسجيلها من خلال 

) برامج معالجة الفیدیو تقوم بتجزئة الفیدیو إلى مجموعة من اللقطات ... ۰ ویذلك 

| يتم تعدیل الفیدیو , 

۱ ۰ عبارة عن مجموعة من اللقطات الثابتة والتی بتسلسها وتمربرها بسرعة 
معينة يهيئ الإحساس البصری بالحركة . 

) برنامج ون وس اه مه برامج |نشاء ومعالجة ملفات الفیدیو . 


القراءة بمؤشر القراءة ثم يليه المسار ol‏ افا 
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۱ م ١ h 4 3 A ۷ ١ Wl‏ 
af 4 ١ 1 3 ۱‏ و E‏ مات ۱ 3 
ا Help"‏ للممتول على ۳ المعلو عن لبر امج 


: ae 
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| 
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è 
0 
= R 


(۱) السطرة ۳ تظهر المد 


واد 


يقرأ الكليب الحالى الذى يقف عليه فى الشريط الزمثئ لُظهر ف را 
(؟) الكليب العالى: قد ÒS‏ صورة أو صوت أو لقطة فيديو . 
)+( السارات ۲ : تشبه الطبقات " 


a ء حيث يتم وضع صورة او‎ "Layers 


)سر a get‏ ور 


ثم الذى يليه وهكذا . 


۳( تبوی ۲ 


الصف الثانى الاغدادی 


' الرقم المناسب على الشاشة auc‏ أمام الوظيفة المناسبة J‏ 
بت ْ 


# السؤال الثالث؛ 
gdt Title View Help‏ ' 
- )5( برنامج o O a‏ 
(E > ۳۵0-۱ 0‏ 
5 من برنامج معالجة ملفات الفيديو eS aa‏ 
Notepad - Movie Maker - Paint )‏ ( 
)1( يمكن تحميل برنامج ۰ لإنشاء ومعالجة الفيديو من الزابط التالى: 
http: /]www.openshot.org‏ 


( Notepad - Movie Maker - Openshot ( 


Rede vere oes 


(۷) من مميزات برنامج Openshot‏ 
( واجهة تشغيل سهلة الاستخدام - إضافة التأثيرات لمشاهد الفيديو -كل ما سبق ) 


)4( ( إضافة المراحل الإنتقالية كفواصل بين الصور - إضافة النصوص على مشاهد 
الفيديو - لا شئ مما سبق ) من عيوب برنامج Openshot‏ . 

)4( برنامج Kdenlive‏ « وبرنامج Openshot‏ هى برامج مفتوحة المصدر » وتعمل من 

(Linux y Windows - Linux = Windows ) «------ خلال نظام التشغیل‎ 


. Play head رأس القراءة‎ ) 
. Openshot واجهة برنامج‎ SA A ss O») 
) Linux نظام التشغيل‎ - Openshot برنامج‎ — Preview Window معاينة الفيديو‎ ) 


أكتب ما تدل عليه الأرقام على شاشة الشريط الزمنى التالية : 


. Edit Toolbar شريط التحرير‎ ) 
. Main Toolbar الشريط الرئيس‎ ) 
. Zoom Slider التصغیر والتكبير‎ 


ب 
ب ب يك — 


( 

. Preview Window معاينة الفيديو‎ ) 
قل‎ . Project Files ملفات المشروع‎ ) ١ 

) الشريط الزمنى Timeline‏ . 

( تبويب الوظائف Function Tabs‏ . 
أختر الإجابة الصجيحة مما بين الأقواس لكل ما rodia‏ 
Timeline‏ " تبویب الوظائف Function Tabs‏ - ملفات 


C)‏ يستخدم ( الشريط الزمنى 
المشروع Project Files‏ ) للتنقل بين ملفات الصور وملفات الصوت للمشروع ۸ E‏ 

(x)‏ برنامج Openshot‏ 01 برامج a aA Aaa (0) ATS‏ )۲ مه ا مه 
e — ee 0‏ 


Ypen Source مغلق المصدر - مفتوح المصدر‎ 7 Windows بنظام تشغیل‎ Jad) 


CamScanner صَونيا ب‎ gual 


E. - 

- عزيزى الطا لب بالتعاو ن tA‏ زملانك ویمساعده معلمك : 
. المدرسة والمعا | 

- قم بانشاء مشاهد فیدیو عن مدرستك لتضم صور عن المدر 4 و مل والملا . 


المدرسة وصور لاهم الشها 


الشر يط الزمتی Timeline‏ 


الموجودة بها » والأتشطة والمسابقات التی اشترکت بها 


- يتم وضع الصور وترتیبها على الشریط الزمنی "Timeline"‏ کانتالی : 
(۱) الضغط على الصورة بنافذة ملفات المشروع "Project Files”‏ مع سحبها على 
الشربط الزمنی . 
)1( وضع کل صورة فى المسار "Track"‏ الخاص بها مع ترتيبها حسب الرغبة فى 


والجواتز التی قازت بها المدرسة . و 


(۱) استیراد ملفات الصور داخل البرنامج > 
(۲) ترتیب الصور على الشربط الزمنی "Timeline"‏ للبرنامج . 


- استیراد ملف الصوت داخل البرنامج‎ (T) 


)€( معاينة الفیدیو . 5 


- يوجد أكثر من طربقة لاستيراد الملفات وإضافتها إلى برنامج :Openshot‏ 


® اضغط زر استيراد ملفات ® "Import Files"‏ © 5 8 + 


Ort Files” زر إستيراد ملفات‎ ۰۲۱۷۲218 Toolbar" فى الشربط الرئيس‎ 
Ta Title View Help A 
— لاا‎ . Import Files اختر‎ File من قائمة‎ )8( 
بظهر‎ "Video aie ۱ aia -- ; كل الملفات التى يتم استيرادها إلى برنامج‎ 
۴ 1 Os "Tra 2 4 ۰ ۰ ve Project aul 
93 Clip يتكون مشهد فيديو‎ Track’ عند وصع الصورة فى المسار‎ - we Project As,, CtrleShifteS Project Files تبوبب‎ a ته‎ Openshot 
"Dp, ease Te AA E ey = 8 تظهر ا‎ 

+ قم باستياد لفات الصور من داخل مجلد ام أا اس س فى نافذة معاينة الفيديو "Preview window"‏ ۰ 

جا ea‏ لصور مجلد سدى Choo tris‏ : 00 

(r) 5‏ ترتيب باقى الصور فى ١‏ لمسار أت "Tracks"‏ على الشربط الزمنى 5 


Export Video Cirle Shifts E R T 
‘= . بالبرنامج‎ Project Files ï تظیر فى‎ 


g- 


ChQ 


الكمبيوتر 


الممسوحه ضونيا ب CamScanner‏ 


2 0 أكة‎ ۳ ۳۹ a 0 > é - 
Bails كثر‎ E es 


( لإضاقة ملف الصوت_] 

)1( اضغط على زر (ستیراد ملفات "Import File"‏ فى ۰ — 
الشربط الرئیس "Main Toolbar"‏ . 

(۲) يظهر ملف الصوت فى تبوبب "Project Files"‏ ۰ 


لاحظ ) لإضافة مسار جديد ۰ اضغط على زر إضافة مسار P "Add Track"‏ 
بشربط التحرير "Add Toolbar"‏ . 
زر إضافة مسار +1201 "Add‏ 


1( اضغط مع السحب على jay‏ ملف الصوت وادراحه فى aaj‏ المسارات Track"‏ 


ser 


حالما تسسا 


- لإعادة ترتيب مشاهد الفيديو بالمسارات ( الصور / الصوت ) « اضغط عليها واسحبها 
إلى مكان آخر لترتيبها على المسارات حسب أولوبة الظهور ٠‏ 


- حدد بدء الاستماع الصوت بالضغط مع السحب لملف للصوت فى مساره بالشربط 


الزمنى وتحديد موضعه . 


way 
E 


الممسوحه ضونيا ب CamScanner‏ 


ww‏ 75 تجد أن 
المحفوظ ( sch.osp‏ ) قد يكون غير معرف . 

— لذلك يجب ربط الملف "şeh"‏ ببرنامج Openshot‏ , 

لريط الملف بالبرنامج يتم عمل اقتران "Association"‏ 


ee ١ حفط وسرو‎ 


‘SE ۴‏ 3 
- حند إنشاء مشاهد الفيديى يتم استخدام ملفات صور ۰ وملفات توا ۲ ۲۳ o‏ 


وبجب حفظ كل تلك الملفات داخل مجلد محدد ٠‏ 
Pro] ( ۰‏ ) حتى يمكن الرجوع إل 
أو تعدیله بالاضافة أو بالحذف». | 


- سابقاً تم حفظ جمیع الملفات داخل مجلد باسم 
لمشاهدة الفیدیو أو لاستکمال العمل فى الفیدیو 


5 ۹ ۲ 1 
تشساط ۱ ۲ ) ۱ 


Se -|‏ الطالب: بالتعاون مع زملائك وبمساعدة معلمك: 
= ات يح ظ jeni‏ الفيديو eee) Video‏ 


(۱) اضغط بالزر الأيمن على رمز الملف "دعو" . 
(۲) من القائمة الفرعية اختر Properties‏ . 1 
(۳) ثم اختر Change‏ . 

. More Options ثم اختر‎ )4( 

. Look for another app on this PC اختر‎ (0) 


۱ توت ۳ مشروع ١‏ لفيديو 1 : 
(۱) حفظ جمیع الملفات ( صور» صوت....) المستخدمة فى مشاهد الفیدیو + داخل م 
واحد. ۰ Title View Help‏ 


TTR New Project... Cirie N | ۲ i 
c mais dh : ۷۲۵۸18 Toolbar" من شربط القوائم الرئيس‎ (Y) 


اختر قائمة File‏ ثم اختر Save Project As‏ . 
"sch" \ | "7 ۳۱‏ 
) 5 أعطى المشروع اسم € مد 
ام )يجب أن تكون الأسماء المستخدمة باللغة Cirie‏ 
الإتجليزية . 


aaa )4(‏ مكان الحفظ داخل مجلد ( Prol‏ ) . 


5 
Project As... Ctrl+ShifteS || 


)1( ابحث عن المجلد الذى تم تثبيت برنامج Openshot‏ به . 
(V)‏ حدد الملف التنفيذى للبرنامج واختر اقتران ( يعنى اضغط زر "Open" gå‏ (- 


من قائمة File‏ اختر أمر Quit‏ "إنهاء " , 


e‏ | 6۷۵ تب 
= 


: ay "sch" لاستكمال العمل فی مشروع الفيديو‎ ] \ arty 
01" من مجلد‎ "sch" حمل برنامج إنشاء ومعالجة الفیدیو ثم افتح المشروع‎ - 


pes 
AN 


(A)‏ يتم اقتران الملف بالبرنامج وبتغير شكل رمز ال * زنر شكل رمز الملف 


ھا و و و ی 9 


— ee Pe 
OPP بار مراجعة على م سبق‎ E 
SANG اختبار مراجعة‎ ١ 


TR‏ أعمل :بات اي ما هو ناب مما بین قوس 
(التفاعلية - Openshot‏ ` 


برامج | إنشاء ومعالجة الفيديو 
من مكونات واجهة برئامج Openshot‏ يحتوى على WA‏ الفتح وا 


ET 
لفط"‎ pal (x) شع علامد (۷) أمام الغبازة. الصحيحة و علامة‎ EERTE 
١ ) . نید‎ tally 006 يهنا أن‎ Openistion اسم المشروع فى بزفامج‎ (1) 

` من مگونات واجهة برنامج إنشاء ومعالجة ملفات‎ "Timeline" الشريط الزمنى‎ (Yv) 
[غرب الملصورة)‎ ۰ Openshot الفيديو‎ 

i مکونات واجهة بت‎ aal "Preview Window" نافذة معاينة الفیدیو‎ )۳( 
2-0 os cael 


- الصفحة الرئيسية - إضافة التأثيرات - مفتوحة 
- الشربط الرئيس ("Main Toolbar"‏ 


Roe (`)‏ 
biai‏ اشرق المحلة] 
5 ا ve mer e‏ وفلات ملفات ( صور - صوت * ا (:) نحتاج إلى برنامج إنشاء ومعالجة الفيديو لمعالجة مشاه فيديو تم نسجيلها من 
sh tad 3 i‏ الزمنی "Timeline"‏ ۰ [دارة الزیتون] o - ۳ s‏ 4«( 
Edi gh aes (r)‏ م تحتوی على العديد من الأدوات والوسائل والتأثيرات اتی د « i N‏ ۱ د è‏ 
ja‏ ت Opensho‏ 
aê ene ۱‏ و اد = me.‏ ۳ واستعراضن ما تم i ۱۳ e‏ ۳۹ 2۹ ( 
(V) U ‘ 7 i it “a ive shor Sot‏ يتم استخدام ملفات الصور « والصوت ٠‏ والتاليرات القصية عند إنشاء. مشاهد الفيديو 
(5) إمكانية ........... لمشاهد الفيديو من مميزات برنامج or‏ ويجب حفظ هذه الملفات كلها داخل مجلد محدد . [شرق شبر الخيمة] 5 


تكتب بلغة HTML‏ بالإضافة إلى لغات مثل PHP‏ 1 
ضع الرقم المناسب على الشكل التالی أمام الوظیفة المناسبة له . 


موقع الونب ۰ [إدارة العامرية] 
صل عبارات العمود (ب) بما يناسبها من عبارات العمود (1) a‏ 
| العمود ( 1 ) . 
| تبويب ملفات المشروع (Î) | "Project Files"‏ 
هذا إضافة أحد التأثيرات على مقطع صوت (ب) 


ان 


+ 


) ) يقرأ الكليب الذى يقف عليه فى الشربط الزمنى ليظهره فى نافذة معاينة الفيديو . 
) ( تعرض المدى الزمنى للفيديو الحالى بالشريط الزمنى . 
) ) المسارات تشبه الطبقات حيث يتم وضع صورة أو صوت أو لقطة فيديو على 


۴ | من إمكانات برنامج ج Audacity‏ )<( 


الصوت . 
رابط تحميل برنامج Openshot‏ | 2( تمع T Openshot‏ 
يتميز بواجهة تشغيل سهلة الاستخدام » 
تمكن من إضافة الملفات بسهولة وبسر. (ه) 


w- 


CamScanner 2 wo الف‎ 


s 


المسار ویمکن استخدام عدد لا محدود من المسارات بالمشروع . 
) ) قد يكون صورة أو صوت أو لقطة فيديو ۰ إغرب المحلة] 


الکمچوتر 


صل من عبارات العمود la (B)‏ يفاسية مئ عيارات العمود (A)‏ 
rie rn‏ 
ol A‏ | 


( Play head ) القراءة‎ 3 


maa SE 


oS SS (۱) 
) 


رتب خطوات التالية لإنشاء مشاهد الفیدیو ؛ 


( ) معاينة الفيديو . 
( ) استیراد ملفات ( الصور والصوت ) داخل البرنامج . 


الا عداد والتجهیز لصفحات الویب 


أكتب ما تدل عليه الارقام على نافذة برتامج Openshot‏ 


3 ابرم‎ - Web Address - Linux و‎ Windows ) 
) الكليب الحالى - فيديو‎ - Movie Maker 


) 0 د Nhs‏ تحمدا أحد برامج إنشاء ومعالجة الفيديو من حال 
يعمل من خلال نظام التشغيل Windows‏ ۰ [ ار 


e برنامج‎ )۲( 

(۲) ........ عبارة عن مجموعة من اللقطات الثابتة والتی بتسلسها وتمريرها Bie ys‏ 
یهیی الاحساس البصری بالحركة . [ إدارة سمنود ] 

)£( برنامج Openshot‏ يمكن أن يعمل من خلال نظام التشغيل مم مم ممه 

(©) موقع الوبب له عنوان على AGS‏ الإنترنت يسمى ss‏ 0 

)1( صفحة الويب الثابتة هی صفحة على شبكة الإنترنت تم کتابتها بلغة ...= 

(y)‏ “-- ...2 يمكن أن يكون صورة أو صوت . [إدارة أسيوطً 


(١)افى‏ برنامج Openshot‏ « المسار الاعلی له الأولوية فى القراءة بمؤشر EEA‏ 
يليه المسار الذى أسفله وهكذا ۰ [إدارة زفتی | ١‏ 

JAN لا يقوم بتجزئة الفيديو إلى مجموعة من اللقطات‎ O معالية‎ a) 
) من أجود البرامج فى معالجة الكلمات.[غرب المحلة]‎ Movie Maker gtx )۳( 

1 Openshot من مكونات واجهة برنامج‎ "Edit Toolbar" شریط التحرير‎ )٤( 
9 Windows مغلق المصدر يعمل بنظام التشغيل‎ Openshot برنامج‎ (°) 
لعرض المدى الزمنى للفيديو‎ Openshot فى برنامج‎ "Ruler" تستخدم المسطرة‎ (1) 

الحالى بالشريط الزمنى . إإدارة أسوان] ) 

Openshot الصور وملفات الصوت التى يتم استيرادها إلى برنامج‎ dh جميع‎ (v) 
3 لإدارة سنا]‎ ee ۲ 
( [مطویس]‎ ٠ لحفظ مشروع الفیدیو‎ File من قائمة‎ 56 Project As > (A) 


)*( برنامج Audacity‏ من sete dull‏ 
5 من البرامج مغلقة المصدر . لإدارة كوم حمادة] E)‏ 


CamScanner 2 wo2 ena 


یا مهو زو ۱ ولو ديا | Sf 1 > le wie‏ 
S) gun: `- ۱ 3 1 ۱‏ 
يمكن paan‏ فى مشي PERAE‏ لاخر صورة 


على الشربط الما 
على الشربط الزمنی . 5 


* با ۱ ذل‎ iin et ae 
مشاهد الفيديو قد تحتاج تلك المشاهد إلى لتعديل مثل‎ Lulea رعذ‎ - 
القراءة‎ 


(۱) حذف أحد المشاهد ٠‏ 
)۲( إعادة ترتيب المشاهد ٠‏ 
(Y)‏ زبادة الفترة الزمنية أو تقلیل الفترة الزمنية لأحد المشاهد . 
(4) ضبط الفترة الزمنية للصوت مع الصور ( فى حالة كانت الفترة الزمنية ال ۳ 
بها الصوت أكبر من الفترة الزمنية لمشاهد الصور ) . i‏ 


5 | التحكم فى القتزة الزمنية المخصصة gaya‏ مشهد فيديو fideo Clip"‏ اشريط الزمنى Poa | Timeline‏ 
سح l Tem 1 aaa‏ 
القثرة الزمنية لعرض كليب ؟ 


, عند معاينة مشاهد الفيديو ( الصوت مع الصور ) قد تكون الفترة الزمنية لعرض 

الصوت بالفيديو أكبر من الفترة الزمنية لعرض الصور ( كليب الصور ) . 

+ يظهر ذلك عند معاينة مشاهد الفيديو فى الشربط الزمنی "Timeline"‏ حر 
عرض الصور وبظل الصوت مسموع . 

+ يمكن ملاحظة ذلك فى مشاهد الفیدیو "Clips"‏ بالشریط الزمنی . ۱ 

عزبزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك: 

- قم بالتحکم فى مشهد الصوت من خلال تحدید الفترة الزمنية له على الشربط الزمنی . 


(۱) حرك مؤشر القراءة بالضفط على رأسه مع السحب حتی یصل AY‏ مکان على 
الشربط الزمنی ( حتی نهاية ظهور آخر صورة فى مشهد الفیدیو ) . 

[ لاحظ ) ose‏ وت agul‏ لوحة المفاتیح لتحريك مؤشر القراءة . 

شر الفارة على مسار الصوت والضفط بزر الفارة الأيمن . 

(Y)‏ تظهر القائمة المختصرة اختر منها شريحة الکلیب "Slice Clip"‏ ثم اختر 
."Keep left slide"‏ 


jay الوقوف‎ (Y) 


ا تست وت ی مت سس ار م 
wee‏ بت بت مت 
a‏ — 


(۱) الفترة الزمنية لعرض كليبات الصور فى الشربط الزمنی . 
(۲) الفترة الزمنية لعرض كليب الصوت فى الشربط الزمنى 
w-‏ ۱ | 


٠ ۳۳۳ م‎ 


الگمییوتر 


الممسوحة 94 ب CamScanner‏ 


Openshot 


5 عن اختيار Keep Right slide‏ يتم عمل انقسام فى الكليب الذى على المسار إلى 


شربحتین مع إبقاء الشريحة rll‏ على اليمين فقط ومسح الشريحة باليسار 


1 00 


إضافة تاثيرات "Effects"‏ لمشهد الفيدب ` 


۳ 5 3 على مشهد ( أو مشاهد ) الفيديو‎ "Effects" إضافة تأثيرات‎ iy 
.) الزمنية لهذا التأثير حسب الرغبة فى إظهار هذا مشهد ( أو مشاهد‎ iiy 


e . الفيديو‎ ER: TE قم‎ - 


. Effects الإنتقال إلى التأثيرات بالضغط على تبويب‎ )١ 


) 
- تظهن مجموعة من التأثيرات تحت اسم "Effects"‏ . 


(۲) أضغط على أحد E‏ رن 
(Y)‏ يظهر رمز التأثير على مشهد الفيديو ٠‏ 


- قم بعمل معاينة لمشهد الفیدیو ۰ ۱ -D‏ 


الكمجيوتر 


l 
۱ 
= 
۱ 
| 


Ge 


الشريط الزمتى Timeline‏ 


OO o‏ اختيار 
P 5 ff‏ " - 1 
عليه بالقارة واختيار أمر Slice Clip‏ " شربحة الفيديو" ء يتم عمل 


أحد المسارات بالوق2" 

و 

قى مشهد القيديو بالمسار المحدد فى موضع مؤشر القراءة ويصبح شريحدين Bey‏ 
iga‏ اليمين وشربحة جهة اليسار) . j‏ 


- عزیژی الطائب: بالتعاون مع زملانك وبمساعدة معلمك : 


- عفد اختیار آمر شربحة الكليب "Slice Clip"‏ 


Keep Both Sides 1 or كن‎ 
Keep Left Side 2 
Kasp Right Side 3 . استتتج الفرق بين هذه الاختيارات‎ - 


ad Cp س‎ ee 

)1( عند اختيار Keep Both slides‏ يتم عمل انقسام فى الكليب الذى على ال 
شربحتين مع الاحتفاظ بالشربحتين ( الشربحة اليسرى واليمنى ) . 

الاحتفاظ بالشريحتين 


ص هجح وخ ع ڪڪ 


0 


! يتم عمل انقسام فى الكليب الذى بالمسار إلى‎ Keep Left slide عند اخنیار‎ M 
. شريحنين مع إبقاء الشريحة التى على اليسار فقط ومسح الشربحة باليمين‎ 


4 


الممسوحه ضوییا ب CamScanner‏ 


+ لقراءة اسم التاثير : يتم التأشير بالفارة على رمز التأثير فبظهر ۱ ] 


(+) اضغط على أحد المراخل الانتقالية مع السى إضافة 
.م) التحكم فى الفترة الزهنية لعرض المرخلة الانثقالية بان نی 
لزبادة الفترة الزمنية لها غند الغرض . 


prere 


والسحب عليها لتقليل أو 


اسم التأتیر * i‏ 
+ لحذف التأثير المضاف اشهد الغبديو : اضغط بزر الفأرة الأيمن على رمز by‏ 


تظهر القائمة المختصرة › اختر حذف التأثير "Remove Effect"‏ 


a‏ لل 
3Sn‏ | 7 
oe‏ 


E مج‎ aagi اشاهد‎ “Transitions” اصاخه مراحل انتقالية‎ (Ge) 


- يتم وضع المرحلة الانتقالية فى بداية أو نهاية المشهد . 

- للتحكم فى فترة الزمنية لعرض المرحلة الانتقالية : اضغط على المرحلة الانتقالية مع 
السحب لتقليل أو لزبادة الفترة الزمنية لها أثناء العرض . 

- قم بعمل معاينة لمشاهدة الفيديو . +( 


| - عزيزى الطالب: بالتعاون مع زملانك وبمساعدة معلمك - 
- شم باضافه مرحلة انتقا 


"Transitions" 4!‏ لمشهد الفيديو . 


)١(‏ اضغط على 


| - قم بالتنقل بين التبویبات الثلاثة: Project Files - Transitions - Effects‏ 
| - وتأکد من الفرق فى استخدامها . 


تبویب E “Transitions” CNG)‏ 
تظهر مجموعة من المراحل الإنتقالية . 
١‏ ظ [ اا اليد 

ri‏ ۳۳ التبويبات الثلاثة 


{ 


۱ 
l 
| 
| 
al 


Se |‏ | مم | Ber‏ 
د تبويب الإنتقالات N‏ 1 


الممسوحه صو ب CamScanner‏ 


أ السؤال الرابع: 


e < 


até 
7 
v7 
ج‎ Y 7 
à ۱ 71 ١ 
v3 


yY 


الممسوحه 9-4 ب amScanner‏ 


oe’ 


| Opensha, 
Cm 


۳۹ 


الل يدوي 


قدرسة مد ديك eat!‏ 


amScanner ب‎ Kys الممسوحة‎ 


. أنواع لفات الفيديو تختلف من حيث المساحة | 
بنية 
- يتم تحدید نوع امتداد ملف الفیدیو pF ۳ a‏ 


؛ فجودة ونقاء الفيديو . 


Á 


7 0۳ عزیزی الطالب: بالتعاون مع زملانگ ويم‎ n 
ابحث عبر الانترنت عن آنواع امتدادا‎ - 
ت ملفات الفیدیو وا تخداماتها المختلفة‎ 
sa MP4 ) الفرق بين ملفات الفيديو ذات الامتداد‎ - 
: المساحة التخزينية » وجودة ووضوح الفيديو . من حيث‎ 
صغير الحجم ملائم للنشر‎ MP4 يحتاج مساحة كبيرة . ملف‎ AVI ملف‎ - 
س : عبر الإنترنت.‎ 


)1( استيراد ملفات ( الصور والصوت ) داخل البرنامج . 


. للبرنامج‎ Timeline ترتيب وتنظيم ( الصور والصوت ) على الشريط الزمنى‎ (Y) 
k معاينة‎ ) zi) 


sa. ()‏ ۱ الصور والصوت المستخنمة فی مشاهد petal‏ > داخل مجلد محدد. 
)۲( من شربط القوائم الرئيس Main Toolbar‏ اختر File — Saye Project As‏ 


hee eae إعطاء اسم‎ ‘ol 


sa )١(‏ ف ار a‏ ا 
- تحديد الفترة الزمنية للمشهد على الشربط الزمنى : 
- اضغط واسحب على رآس موشر بي لل للمكان امطلوب ي 


الشربط الزمنی . 


الکمبیوتر 


(۱) اضغط على زر تصدير الفیدیو ود ها "Export video"‏ فى 


۱ ۲ 9 ۰ @“ - Main Toolbar" القائمة الرئيسة‎ 


View Help 


Ctrl+N 
0۵ 


أوء من قائمة File‏ واختر Export video‏ - 
۴ 
سر ی 
Ctri+Shift+E‏ 


- يظهر المربع الحوارى (تصدير الفيديو ("Export Video"‏ التالی: 
File Name (A)‏ : حدد اسم ملف الفیدیو . 
:Folder Path (B)‏ حدد مكان حفظ الملف 
على جهاز الكمبيوتر أو أحد وحدات التخزين. | 
:Target (C)‏ حدد نوع امتداد ملف الفیدیو =z‏ 
Quality (D)‏ حدد مستوى جودة الملف 
(عالى الجودة - متوسط - قليل الجودة) . 


"Export Video" اضغط زر تصدير الفیدیو‎ (Y) 


- اضغط على زر Play D>‏ فى نافذة 
المعاينة "Preview window"‏ . 


° 


(A)‏ با 


الممسوحه 394( ب amScanner‏ 


pi- “Preview window‏ و 
(۱) زد ی کی لاه معلينة preview window" sss‏ ر pirt‏ 
لمعاينة المشروع 4 pi‏ 
(Y)‏ من قائمة ...۰ اختر Title‏ #ضافة نص إلى مشاهد ى 
)7( عند وضع الصورة فى لاا ا Clip"‏ 0 ويظير 
فی يسيب ب بي اللا eee‏ 
)£( يتم ترتيب الصور فى المسارات "Tracks"‏ على e‏ 
)0( تبويب eis.‏ يحتوى على كل aos ee‏ ۰ 


ا ضع كل رقم على شاشة البرنامج التالية آمام الوظيفة المناسبة نه 


. “Edit Toolbar" شربط التحرير‎ ( 
"Main Toolbar" الشريط الرئيسى‎ ( 
"Play head" /"Ruler" المسطرة / رأس القراءة‎ ) 

) تبويب الوظائف "Function Tabs"‏ 
( معاينة الفیدیو "Preview Window"‏ . 
الشريط الزمنى "Timeline"‏ 


A 


oo 
OO 
4 ۹۳ 


0 


i 3 ۳‏ وتو وتكنولوخيا اليغلومات وااتطالات الضض الثاتى الام 
CIE‏ صل عبارات العمود (ب) بما يناسبها من عبارات الى 4 
العمود 7 6 


العمود [ ۱ ) 


۱ تصدیر افیدیو | (Í)‏ | من المسارات ا 
۲ سكن اتدمع لامحنود Eoma‏ 
Y |‏ | من إمكانات برنامج Export video (z) | Openshot‏ 
٤ ۱‏ | يتم إضافة نصوص لمشاهد الفيديو فى | )3( | ۸۵۵۲۵06 T‏ 


1 — 
(a)‏ بداية الفیدیو أو فى 
لد :]أو ہیں مشاهد j‏ ف یو 

A TE EE 


(') زر فی الشريط الرئيس "Main Toolbar"‏ يستخدم لإضافة ملف صوزة ,۲ 


* | زر إضافة مسار جديد 


3 ` PERS اده و‎ r j y 
. أحد برنامج إنشاء ومعالجة ملفات الفيديو » مفتوح المت‎ C) 
3 . زر تشغیل ملف الفیدیو‎ (7) 
4 . 1116 أمر حفظ المشروع من قائمة‎ (*) 


۱ سوب ما Ae‏ خط فى كل من العباران ا 
) )يتم الضغط على زر تصدیر اندي @ 


(Export video)‏ فى الد 
)"( يتم التأشير بالفارة نوين 


urt mit") 
eae a بزر الفارة الأيمن‎ 
E یر‎ kt سین ی ل على رع یر‎ 
۱ : s A يجب تحديد أماكن ام‎ ) 
۳ Py cal ia) لي‎ 7 
لفيديو/بين مشاهد الفيديو/ نهاية الفا‎ 2 yall توضع المرحاة‎ (°) 


Paige) er me 
فى مؤشر_القراءة لعرض المرجلة الانتقالية‎ ki 


CamScanner ب‎ 92 A 


الضف التَانَى الاعدادی all‏ 


۱ EST CY 
۱ ١ أختر الاجابة الصحيحة لكل عبارة من العبارات التالية‎ 
:) Slice Clip ( يظهر الخيار التالى عند اختيار أمر شريحة الفيديو‎ (1) 

Keep left slide [Xj 


Keep Right slide [ ' ] 


جا أكمل التالی ؛ 


۳ ۶ ۳ ۰۳ کل من (1)» (ب) . نت - نتكون راجيا‎ Es] 
1 : التعدیل فى مشاهد الفیدیو یتضمن‎ (Y) 
ترتیب الا‎ sale} [| E 
۲ . [ج] زيادة الفترة الزمنية أو تقليل الفترة الزمنية لأحد المشاهد. [د ]کل ما سیق‎ 
۴ یتمزيادة آو تقلیل .... لأحد المشاهد لضبط الفترة الزمنية للصوت مع الصو‎ )( 
. التأثيرات . آب] الفترة الزمنية‎ [1] 
E . مؤشر القراءة‎ La 
يتم عمل انقسام فى الكليب الذى بالمسار إلى ۰ مع الاحتفاظ بهما عند اختيار‎ )٤( 
. Keep Both slides 
1 . واحدة ~ [ب] شریحتین‎ Beg FY] 
۱ . اجا ثلاث شرائح . إد ] أكثر من ثلاثة شرائح‎ 
يتم حفظ المشروع من شريط القوائم الرئيس‎ File باختیار آمر ۰ من قائمة‎ )*( 
. "Main Toolbar" 
Save آب]‎ . Save Project As اختر‎ ] i] 
ad Save Picture As [ إد‎ . Save Image [+] 
على ا‎ lay يتم عمل انقسام أى الكليب الذى بالمسار إلى شريحتين مع يقوم‎ (1) 
. Keep Left slide عند اختيار‎ ۰ 
. الیمین‎ fol . الیسری‎ [T] 
. آج] الاعلی . اد ] الأسنل‎ 


(Y)‏ يتم عمل انقسام فى الكليب الذى بالمسار 
عند اختيار Keep Right slide‏ , 
1] الاعلی . اب] الأسفل . 


mw 


إلى شریحتین ویفوم بمسح بالشريحة these‏ 


t TON [ J 4 اليسرى‎ [>] 


الممسوحة 95 ب CamScanner‏ 


الصحيحة و علامة plai (x)‏ الخطا: 


( 
( 
( 
( 
( 
( 
( 
( 
( 
( 


( 
( 
( 
( 


ye ee 


( 
( 
( 


( 


EE‏ ضع علامة (”) pui‏ اعبار 
(۱) برنامج Openshot‏ برنامج مغلق المصدر ویعمل بنظام التشغيل ویندوز . 
(۱) برنامج Openshot‏ لا OS)‏ من اضافة نص علی مقطع فيديو. [إدارة سوق] ( 
(۳) برنامج Openshot‏ لا يتيح بالتحکم فى الفترات الزمنية للتأثيرات. (devel‏ ( 
9( اختر Import file‏ من قائمة File‏ لاستیراد ملفات الصور والصوت. Laid‏ ( 
(e)‏ نختر الأمر Title‏ من القائمة Title‏ لإضافة نص إلى jboss] -anil‏ 
)1( إعطاء اسم لمشروع الفيديو باللغة الإنجليزية لحفظ مشروع الفيديو. [قويسنا] ( 
(۷) يتم تحديد امتداد مناسب لملف الفيديو حسب الاستخدام . [غرب المحلة) ( 
(۸) یتم ترتيب مشاهد الفيديو على الشریط الزمتی Timeline‏ فى -Openshot‏ ) 
)4( بستخدم برتامج Openshot‏ لإنشاء ومعالجة ملفات الصور . [عين شس ] ( 
)+1( برنامج Openshot‏ من البرامج مغلقة المصدر ۰ Losa]‏ ) 
(۱۱) فى برنامج Openshot‏ رس القراءة Ía‏ الكليب الحالى الذى يقف عليه فى 
الشريط الزمنى ۰ [إدارة نبروه ] ) 
Openshot (`Y)‏ لا يتيح التحكم فى الفترة الزمنية للتأثیر المضاف لمشهد فيديو( 
(۱۳) يتم استيراد ملف الصور داخل برنامج Openshot‏ من خلال أيقونة LEJ‏ 
9( اختر Projet File‏ من القائمة File‏ لتصدير المشروع. 1 إدارة بندر كفراندوار ] ( 
(0٩‏ توجد امتدادات مختلفة لملفات الفيديو مثل mp3, way‏ . [الحامول] ١‏ ( 
Openshot A (1%)‏ يتم التحکم في افير الزمنية ال ل و یم( 
(1Y)‏ المسار الأسفل "track"‏ له الأولوية فى القزاءة فى برنامج J‏ 


) 


)04 المسار الأعلى "track"‏ له الأولوية فى القراءة فى برنامج محرر الفيديو. ( 
)14( برنامج Kednlive‏ من برامج إنشاء ومعالجة الفیدیو . [نتن] ۱ 
9 جميع أنواع ملفات الفيديو لها نفس الجودة والنقاء والمساحة التخزينية ‏ ( 
sal‏ فى برنامج Openshot‏ لعمل معاينة للفيديو يتم الضغط على زر B dai‏ 


* 


الصص الباتی ۲۱ 


sid i Ec j‏ ونگنولوجبا الفلوماد والاتطالات 


8[ کمل انتالى . لإنشاء مشاهد فيديو ينم اتباع الخطوات ا 


ave Project رتب الخطوات التالية لحفظ مشروع الفيديو‎ E 


) حفظ ملف المشروع داخل مجلد المشروع . a‏ 
) حفظ ملف المشروع ( وإعطاء اسم له باللغة الإنجليزية ) من ' 
Main Toolbar )‏ ) » یتم اختيار File‏ ثم i e Project As‏ 

) إنشاء مجلد المشروع (وإعطاء اسم له باللغة الإنجليزية) على أحد و 

) وضع جميع الملفات (صور - صوت .. ) المستخدمة لإنشاء ۳۹ 

E: . المشروع‎ 


* السؤال الرايع ۲ أكمل الشريط الزمنى Timeline‏ للبرنامج يتكون من E‏ 


الممسوحه 394( ب amScanner‏ 


0 | اختبار عام 
۱ ۱ ( 
è‏ > 
٠‏ 
۱ اله | N > ry‏ | ۱ 0 
1 آذ $ 
۱ < 
1 
ا السؤال الاول | 
) 0 
J 7‏ 
N‏ 
'ستخدا. إدارة العجه : 
۳ 
te ۲‏ کل هنا نی 
£( 
ارد دنو 
۱ 
1 
4( 
( 
AJ‏ 
| تس[ لا لد ضافة ده 8 ۱ 


9 p 
| ١ السؤال الثانى‎ ۷ 


AA 


amScanner ب‎ Ygs الممسوحه‎ 


۷ السؤال الأؤل! 


١ ۲ 


م نا 


Waal! 2‏ ال اور 
وال الرايع؛: 


الممسوحه 394( ب amScanner‏ ۱ 


۹1 


و السؤال الأول t‏ 


178 Pen 
8 ١١1 )1011 


۷ السؤال الثانى: 


Wan 
از ابیت‎ 


| ۲ 


الممسوحه 394( ب amScanner‏ 


Wik‏ الأو( 
& ال Ns‏ 
1 
١‏ 
١ ١! deal!‏ - 
وال 
i+‏ 
# الس ال التانى: 
ra‏ ار - 
3 7 
T‏ 


الممسوحه ضونيا ب amScanner‏ 


الضف المّانی الاعدادی 


الک مق وتو وتكنولوجيا المغلومان والإتصالات 

رتب التالی لاضافة نص مشاهد الفیدیو ۰ (۲,۵ درجات) 

( )املء بیانات المربع الحواری . 

( )اختيار آمر c Tithe‏ من قائمة Title‏ ۰ فیظهر المربع الحواری . 

( )إضافة الملف النصی إلى مشاهد الفیدیو بالضغط مع السحب لملف النص إلى 
احد المسارات . 

bin ) (‏ النص فى ملف » تسمية ملف النص باللغة الإنجليزية . 

) ) یظهر الملف التصی فى ملفات المشروع ( Project Files‏ ( . 

اختر الإجابة الصحيحة مما بين القوسين ۰ )0 درجات) 


)۱( .............. فى نافذة برنامج Openshot‏ يقرأ الكليب الذى يقف عليه . 
(المسارات "Tracks"‏ - رأس القراءة "Play head"‏ - الشريط الزمنی ("Timeline"‏ 
(Y)‏ من العناصر التى يمكن أن تحتوى عليها صفحة الويب E.‏ .............. | | *# يناقش تأثير استخدام خدمات تقنيات العلومات العديثة على المجالات الدراسة 
( نصوص - صور - لقطات فيديو - ارتباط تشعبى - كل ما سبق ) eae‏ - 
(Y)‏ ........... مرحلة تقوم فيها بإنشاء مجلدات لوضع الصور والفیدیوهات والنصوص W‏ يتعرف بعض أدوات إنتاج صفحات العلومات وخدمات الإنترنت . 


التى ستوضع داخل الموقع . 


( التصميم - التخطيط - الإعداد والتجهيز - نشر الموقع عبر الإنترنت ) الموضوع الأول dal‏ الترمير HTML‏ 


)£( ........ تشبه الطبقات » حيث يتم وضع صورة أو صوت أو لقطة فيديو على المسار Hyper Text Markup Language‏ 
ودمكن استخدام عدد لا محدود منها بالمشروع . ; 


(المسارات "Tracks"‏ - رأس القراءة "Play head"‏ - الشريط الزمنى ("Timeline"‏ 


)°( ملعو فو مناه هى أول صفحة فى موقع الويب التى من ` لا[ | ننتقل الی باقى كام 
( الصفحة الرئيسية - صفحة الويب - موقع الويب - ارتباط تشعبى ) * يتعرف بعض أدوات إنتاج صفحات المعلومات وخدمات الإنترنت . 
È‏ صحح ما تحته خط فى الجمل التالية ۰ (0,؟ درجات) 2 يتعرف القواعد الأساسية لانشاء صمحة ويب باستخدام أوامر HTML‏ . 
b 3 2 >‏ درچات 
)1( مرحلة التصميم من مراحل تصميم الموقع يتم فيها تحويل التصميم إلى صفحات ويب. # يتعرف التركيب البنائى لإنشاء صفحة ويب بأوامر ١ HTML‏ 
Repeat (Y)‏ هو تأثیر يمكن من خلاله عکس بداية مة نها # دضيف محتوى لصفحة الويب ( نص/ صورة/ فيديو/ ارتباطات تشعبية.٠).‏ 
(Y)‏ لإضافة مسا re eee oo mee‏ # ينسق محتوی دفحة الویب . 
> ر جديد نضغط على زر New Track‏ بشريط التحرير p ý 9 Edit Toolbar‏ زر vg‏ صفحات الموقع . 
)£( أول مراحل تصمیم ی . # يدرج ارتباط تشعبى داخل صفعة الويب | أو يبن صمعات 


۳ موقع ویب هو تخصیص مساحة تخزينية على ant‏ أجهزة الخادم ٠‏ 
) نستخدم لغة HTML‏ لتحويل iaia‏ الويب الثابتة الی صفحة ویب تفاعلية . 


و کک `` 
لمم m ae‏ 


CamScanner ب‎ Wg 


Hyper Text ۱‏ _ مر لغة HTML‏ تسمى Tags‏ يتم تنفيذها من خلال برنامج 
Pa j iyp | | arkup Language‏ تأثير 3 الأوامر ge‏ و l ۴ ۱ e‏ 
٠‏ وبظهر تائد صفحه المستعره 


استخدام أوامر oláis HTML‏ أحد دمعات الويب 

HTML وامر‎ : Fer 

- من المراحل الأساسية لإنشاء موقع ويب مرحله التنفيذ والتى يتم فيها تحويل التصمر fod‏ 
الورقى لصفحات الموقع إلى صفحات ويب يُوضع فيها البيانات ( نصوص - صور - 
صوت - فيديو .. إلخ ) » وانشاء الارتباطات التشعبية بين صفحات الوبب . )| النصوص مثل Notepad‏ . 

. "><" يتم وضع الأمر بين العلامتين‎  HTML لكتابة أوامر‎ (y 


(y) |‏ لكتابة أوامر HTML‏ وتعديلها ٠‏ يتم إنشاء ملف نصى Siuh‏ 


- فى هذا الفصل سوف نتعرف على كيفية استخدام أوامر HTML‏ فى إنشاء أحد 
صقحات الوبب s‏ )"( معظم أوامر HTML‏ لها بداية = >" ولها نهاية ">/<" 


EZ EZE = —‏ ¢( لا يشترط كتابة أوامر HTML‏ بحروف صغيرة "Small"‏ أو كبيرة "Capital"‏ , 


الصفخة الرنيسة عن رسد آنبوه اتور oer‏ 


. Hyper Text Markup Language هو اختصاراً ل‎ HTML مصطلح‎ t 
. تكتب من اليسار إلى اليمين‎ "Tags" كل الأوامر‎ * 
. له عمل معين يقوم به‎ Tag كل‎ k 


| فة الترميز E Hrm‏ | * الصيغة <Tag>‏ هى بداية ال Tag‏ 


| * الصيغة </Tag>‏ هى نهاية ال Tag‏ 


تخطیط تفصيلى iat‏ 


(G موقع مد رس‎ Gk. 


> عط Ae kes sents‏ 
H ۱‏ هی لغة تكويد تستخدم لإنشاء صفحات مواقع الإنترنت الثابتة » وبتم 
عرضها من خلال مستعرضات الإنترنت . 


هد | 


م 


۱ xe N 
| A œ لم‎ AAA 


Nead î 


Dody IW 
d L” 


amScanner ب‎ Dss الممسوحة‎ 


| as 24 ۹ عنو ان‎ álj 


فح الملف school.htm‏ اصفحه ال 


amScanner ب‎ Yos الممسوحة‎ 


الفصل الدراسى الأول 


+( دنا Catt;‏ بنفس الاسم school. Wt‏ ۳ 
au )‏ الملف School. htm‏ ) صفحة الوبب )ف 


=) 5 


<title> مدرستى‎ </title> 
</head> 


at foams | | wi ووه كك‎ Sites > قد‎ Web Slice ey ¥ 


۱ موس Enternet Explorer‏ 
ظهور BLS‏ ( مدرستی ilua‏ ونظيفة ومتطورة ) داخل صفحة الوبب . 


- عزيزى الطالب: بالتعاون معازملا وبمساعدة معلمك : 
7 قم بإضافة كلمة " مصر " لمحتوبات صفحة الويب باتباع الخطوات التالية : 
" كتابة محتوی صفحة الوبب بين بداية الأمر <body>‏ » ونهايته ٠ S[Pody>‏ 
)١(‏ تحميل أحد برامج تحرير النصوص 
("),كتابة.التركيب البنائی لإنشاء صفحة ویب بأوامر HTML‏ 
(؟) كتابة الأمر pea‏ ب: </body>‏ مصر <body>‏ 
daia‏ الویب ( بامتداد -htm‏ 


٠ ف ( صفحة الويب ) من خلال مستعرض الإنترنت‎ A- 


) حفظ الم i‏ 


sig Do Sut‏ وتكنولونيا مات وتات الصف الثان الإعدارى لع 


+ نص - صورة - فيديو - ارتباط تشعبى .. إلخ . 
نشاط )£( 


- عزيزى الطالب: بالتعاون مع زملانك وبمساعدة معلمك : 


- قم بإضافة نص " مدرستى ilaa‏ ونظيفة ومتطورة " لمحتوى صفحة الوبب . 


إضافة نص " مدرستی جميلة ونظيفة ومتطورة " لمحتوى صفحة الويب 


حي باستخدام الأمر <body> .. . </body>‏ | 


(۱) تحميل الملف school.htm‏ من خلال برامج تحرير النصوص . 


. ضمن التركيب البنائى‎ <body>...</body> : إضافة الأمر التالى فى الجزء‎ (Y) 


<body> مدرستى جميلة ونظيفة ومتطورة‎ </body> 


<html> 
<head> 


File Edit View Favorites Tools Help =e. 
Se Favorites جمد مكووورع و[‎ Cpe 


<title> مدرستى‎ </title> 


</head> 


فتح الملف school.htm‏ (صفحة الور fe‏ 
بمستعرض الانترنت 


w- 


لذريب 
- عزيزى الطالب: بالتعاون مع زملائك وبمساعدة معلمك : 
- قم بتطبيق التعديلات الآنية على التدربب السابق : 
)١(‏ إعادة كتابة أوامر HTML‏ السابقة بحروف كبيرة "Capital Letters"‏ , 


(؟) ترك مسافات بين كلمات النص . 
| (*) استخدام مفتاح الإدخال "Enter"‏ لترك أسطر بين كلمات النص . 
| )£( حفظ الملف النصى بامتداد htm‏ 

۱ Sa استعراض الملف من خلال مستءرض‎ (e) 


J Computer | Protected Mode: Off 


“ary Awg ~ 


صفحة الويب فى مستعرض الإنترنت 


لاحظ التالى <HEAD>‏ مستعرض الإنترقت لایتأثر بللمساقات العتروکة »و با تقال اسطر 
ونت د ا بضغط مفتاح الإدخال "Enter"‏ داخل ملف الأوا 
— الاوامر بحروف کبیرة. </HEAD>‏ جديد ب ح الإدخال "Enter"‏ داخل ملف الاوامر . 


>< ترك مسافات فارخة 


> لا ل يننا 


<BODY> 


oars‏ مدرستى >< جميلة 
o>‏ سطر فارع 2 > 0 ۳ . .و1 
ونظيفة <> ومتطورة MA‏ ضع علامة (V)‏ أمام العبارة الصحيحة و علامة (*) أمام SV‏ 
ES A] 1 d POUT OHO Re eee ERA Oeeee >‏ 1 ۱ 
pesi )‏ أقسا 
è </BODY>‏ ل كلتك (i<j S‏ 
</HTML> Cr)‏ () يتم كتابة أوامر HTML‏ بحروف كبيرة أو حروف صغيرة ٠‏ )( 
a, j‏ الأمر <title>‏ 
+ يمكن كتابة أوامر HTML‏ بحروف كبيرة ( ital Letters‏ مر aoe‏ 1 لکود الخاص بمحتوی صفحة الویب یکتب بين بداية ونهاد a‏ نت ۱ 
T etters ) 3‏ )4( الکود الخاص بعنوان صفحة الوب يكتب بين بداية وتهایة á‏ 7 
f s‏ 
Small Letters )‏ ) أو الجمع بين الحروف الكبيرة والحروف الصفيرة معا )°( مستعرض الانترنت يتأثر بالمسافات المعروكة و بالفقال لسطر < ope‏ 
=A z » 1 ۱ 1‏ مفتا | | 1 
(۵) استعراض الملف من خلال ستو او ع ۱۱۲۲۲ چ الادخان Enter‏ داخل ملف الأوامر TE ٠‏ 


جد (1) لغة HTML‏ تظهر رسائل خطأ أثناء العمل وبالتالى ig‏ ار الغ 


1 د انط ااه ای - اقا > 


ifi 2‏ اک 
وال أ 1 |1 
ARS <|‏ 
Thr oe ata?‏ 
LS 035‏ ىس 3 ٠ ۸۲ LL‏ 
اهن erat oli‏ الوب | مین نها ١‏ 
Í ١ ۸ N enat 5‏ 
J 9‏ ۰ ۱ الام ,,% ?1 


۰ 1 
الممسوحه ضوئیا ب amScanner‏ 


۱ ۰ ۸ 


الممسوحه 9-4 ب canner‏ 


۱۱۳ 


amScanner ب‎ Wys الممسوحه‎ 


۱۱۲ 


amScanner ب‎ Yos الممسوحه‎ 


۲ 3 بعد الأمر <br>‏ 
يلر جديد عند حرطن Ea‏ 


خلال | „a‏ 
لمستعرض , من 


ديل الملف النصی بامتداد htm‏ 
(۲) حفظ . — 


Provided by Yahoo P ۱۱ 


fie Got هلا‎ frote Took Hop ee ESE 


w B) Web Slice Gallery *‏ سراي ل fh‏ عم و 
ü- 8 "5 v Pager ۳ Tool ۳‏ ا | 


| مدرسة : الشروق لا 
۷ الاسم he‏ سس ظهور المحتوی النصى على سطرين 


“a 7110096 ۰ Ik 


(a) 


bm» 


a 


A Computer| Protected Mode: Off 


صفحة الويب بالمستعرض بعد تنفيذ الكود 


. ظهور المحتوى النصى على سطرين‎ « <br> لاستخدام الأمر‎ ia 


2-2 


_ebi? 


- یپ اص دا صفعة الوب على ار من سطر يتم gue‏ 
- یستخدم الأمر <br>‏ للكتابة بداية من سطر جدید : 


- عزیزی الطالب: بالتعاون مع زملانك وبمساعدة معلمك قم بالتالی: 


(۱) تشغيل برنامج محرر النصوص . 
(۲) كتابة كود HTML‏ باستخد 


ام الأمر <br>‏ التالى : 
-<html>‏ 


<head> 
<title> مدرستی‎ </title> 


“</head> 


side ۳۳ 


Windows Internet Explorer, لكلا‎ 


Ë مدرستي‎ - ۱ 


"rtl''> 


الممسوحة 92( ب amScanner‏ 


N‏ ات والانصالات 
E = oe eee EC‏ الفضل الدراسی الأول : 
alai‏ فراغات يبن الكلمات بالامر eee gnbsp;‏ الملف النصى بامتداد htm‏ 


۳ حفظ 


مستعرض الإنترنت عند عرض الصفحه على أنها مسافة واحدة . co” itle‏ 
t e $‏ 0 
gan TA TE‏ /< مارستى ctitle>‏ 
- للتحكم فى إضافة عدد مسافات ( الفراغات ) بين الكلمات دستخدم الأمر ` </head> 5 gepi‏ 
s “rt > gn 5 2 "e 0‏ 
< 


” غا“‎ ۰ Şi \ aa pitas ha 7 

gyp anbsp;_&nbsP3 &nbsp; الفزاعات ) يتم تکرار الامر بعدد الفراغات المطلوية , العدرسة_زم8۳05‎ [ E- 
)۲( نشاط‎ 

- عزیزی الطالب: بالتعاون مع زملانك وبمساعدة معلمك قم بعمل التالی: 

- أترك aj‏ فراغات بين النص "موقع مدرستى" ۰ داخل صفحة school.htm‏ 


(۱) فتح الملف النصى السابق _"gchool.htm"‏ 


(۲) كتابة الكود: ( موقع :0 &nbsp; &nbsp;‏ :۰ المدرسة 


<html> 
<head> 
<title> مدرستى‎ </title> 
</head> 
<body dir = "rtl"> 
<center> 


«/ center> 


<br>‏ مدرسة : الشر وق 
الاسم : گنزی محمد 
</body>‏ 
</html>‏ | 
< 


صفحة الويب بعد تنفيذ الكود 
GD)‏ ظهرت bee‏ ريرق ا E‏ 


E‏ الأمر 


&nbsp;‏ * مرات لترك 


ربع فراغات بين الكلمات 


</center>‏ " باستخدام الأمر: | وتظيقة Eenbsp; &nbsp; Alpay Snbsp; &nbsp; &nbsp;‏ مدرستی 


ثم بكتابة ننص " مدرستى جميلة ونظيفة " بحيث يظهر فى المستعرض : 
١أ)‏ ترك مسافتين ( فراغين ) بين كلمتى " مدرستى جميلة " . 
8 ترك أربع مسافات ( فراغات ) بين كلمتى " جميلة ونظيفة " ٠‏ 


<br>‏ مدرسة . الشروق 


CamScanner 2 صو‎ 


الممسو 


۱۳۰ 


amScanner ب‎ Yos الممسوحه‎ 


T 


الممسوحه ضونيا ب amScanner‏ 


7 
ST kh A 


= تست‎ | — 
i — 
| 

کک RT 1 oT‏ 
3 الكو سی بر ناهج نح 
A‏ 

= ie ۳ 

۳ 


١١+ 


۱ Yo ! 


الممسوحه 94 ب amScanner‏ 


1 
۷ لسغ ال الثانى : .| لى 


Î 


amScanner ب‎ W390 الممسوحة‎ 


| ا ؤال الثالث:‎ pal 


zi 
wl 
Fi 

7 
| 


السؤال الثانى : 


<head> 


الممسوحة صولئیاً ب amScanner‏ 


| السژال الثالث:‎ W 


۱۱۳ ۰[ 


الممسوحة صوئیا د amScanner‏ 


۱۳ ۳1 


amScanner ب‎ Wos الممسوحه‎ 


ل م ال ستول ال 


درز خلفية صفحة الوبب تظهر باللون الأخضر فى مستعرض الإنترنت ٠‏ 


عزیزی الطالب: بالتعاون مع زملانك وبمساعدة معلمك : 
g‏ | باستخدام الخاصية bgcolor‏ للأمر <body>‏ : 


جعل خا tage‏ الو بب تظهر فى مستعرض الإنترئت باللون الأحمر ٠‏ 


۱ Sbody bgcolor = = "red"> م الكود:‎ i be 1 


۷ 
SF 
| i. 
| 

| 


+ من خصائص الأمر <body>‏ : 


- الخاصية bgcolor‏ تستخدم لتحديد لون خلفية jaia‏ 


- عزيزى الطالب: بالتعاون مع زملانك وبمساعدة معلمك ۰ 
- قم بتغيير لون خلفية صفحة الويب إلى اللون الأخضر 


(۱) فتح الماف السابق . 
(۲) إضافة الکود التالی : 


<body bgcolor = "green"? 


x 


دفن مستهرض الإنترنت . 


( | تعديد لون كغلية لصنعة وب بالغاصية 007 


+ من خصائص الأمر <body>‏ : 
- الخاصية bgcolor‏ تستخدم لتحديد لون خلفية صفحة الوبب . 


دك > 


- قم بتغيير لون خلفية صفحة الوب إلى اللون الأخضر . 


ey = بج-‎ eas مويه و یه حل‎ mm” 


خطوات تنفيذ النشاط 
(١)افتح‏ الملف السابق . o‏ 


<body bgcolor = "green"> : إضافة الكود التالى‎ (Y) 


+ لاعظ ؛ ظهور خلفية iaia‏ الويب تظهر باللون الأخضر فى مستعرض الانترنت , 


" باستخدام الخاصية bgcolor‏ للأمر <body>‏ : 
de! |‏ خلفية صفحة الويب تظهر فى مستعرض الإنترنت باون الأحمر ٠‏ 


<body bgcolor = "red"> باستخدام الكود:‎ 


(؟) حفظ الملف انسر لاي كود فى برنامج تحرير النصوص : 
° = 


` CamScanner ب‎ W394 الممسوحه‎ 


amScanner 2 W594 الممسوحه‎ 


الممسوحه 394( ب amScanner‏ 


الممسوحه 394( ب amScanner‏ 


۵۱ 


1 ۰ 7 e Ja Ae 
السؤال الخامس : ا‎ «| 
1 | 


amScanner 3 W992 الممسوحه‎ 


الفصل الدراسى الأول : انو وتكنولوجيا! المغلومان والإتصالانت 


File Edit Fom Format ل‎ View H Hep 
<h html> 
] <head> </head> 


ee‏ | التحكم فى أبعاد الصورة بصفحة الويب ] فى أبعاد الصورة بصفحة سم 


* يمكن تنسیق الصورة المدرجة بالتحکم فی أبعادها ) ارتفاع وعرض الصورة 3( 
والتحکم فى محاذاة الصورة بالنسبة لصفحة الویب . 


<body> 
<font face = “andalus™ color="red" size="6"> 


* يتم التحكم فى أبعاد الصورة من خلال خصائص الأمر <img>‏ كالآتى : ab‏ 


- الخاصية height‏ : لتحديد ارتفاع الصورة > مثال؛ "200" = height‏ 


- الخاصية 0 : لتحديد عرض الصورة » مثال. "400" = width‏ 
الکود فى برنامج تحریر التصوص 


الکود السابق تم استخدام خاصیتی : 
[ أ ] height‏ لتحدید ارتفاع الصورة فى المستعرض وتم إعطائها قيمة Aud,‏ هی 450 


- الپکسل "۱ : هی وحدة قياس آبعاد الصورة ( الارتفاع والعرض ) . 


نتساط (۱) . ] 


- عزيزى الطالب: بالتعاون مع زملانك وبمساعدة معلمك : 


آب] width‏ لتحديد عرض الصورة فى المستعرض وتم إعطائها قيمة رقمية هى 800 


١ ف‎ E See 
فى نفس المجلد المحفوظ فيه ملف الصورة‎ htm حفظ الملف النصى بامتداد‎ (Y) : الويب مع جعل أبعادها كالآتى‎ iaia قم بإدراج صورة داخل‎ )۱( 


[] العرض يساوى 800 بکسل : ۳ = width‏ 
آب] الارتفاع يساوى 450 بكسل : "450" = height‏ 


)£( فتح ملف صفحة الویب فى مستعرض الانترنت . 


ات Peart Stes‏ اا 


ee 


ois pus 7 5‏ جميلة وتطيفة ومتطورة 
)*( شم بتعديل الكود فى النشاط السابق ليصبح كالتالى : ۱ ۱ 
height = "450" width = "800">‏ " 


<img src = "school.jpg 


. فتح الملف السابق‎ )١( 
: تعديل الكود ليصبح كالتالى‎ (Y) 


= nschool.jP9" height = "450" width = "800" > 


77772777 ی << 
a‏ 2 الویب A‏ ة فى قیم الخه height „ail‏ و width‏ . 


الكمبيوتر 


الممسوحه ضونيا ب CamScanner‏ 


ها 
0 98 5" 
نیا ee Vi‏ - 
ar‏ — 
> ۳ 
0 
خا Align yer‏ تاخد لضم الثالية 
TY |‏ 
i j i i TE 8 1‏ 
ات 
۷۱ 
(Y)‏ | 
4 ۱ 
0 
عزيزى الطال بالئع 1 I v‏ 


amScanner ب‎ Wys الممسوحه‎ 


tml> 
<head> </head> 


' للصورة‎ (yas) das بو‎ 


i ۱ s ملف‎ 
| Align "tiop" ۱ 8 رقم القص‎ . dag فى‎ <body> 
aim ' ۲۵۳۵ واعظاء‌ها القيمة‎ an ا‎ <font face = “andalus” color="red" size-"6"> 
Û êro = "Bhool jpg" de و‎ align مدر ستى جميلة ونظيفة ومتطورة ية‎ 
9n = "top يتخدام‎ </font> 


<img src="school.jpg” align ="pig 


<html> 
۱ <head> </head> 


<body> 
<font face = ۲۵۳01 "ون‎ 


“ 


lor=" p< 
تن حعيلة نظيفة ومنطوره‎ co red? وج‎ 
و‎ a مدر متي‎ 6"> 
</font> 


</body> 
</html> 


الكود فى برنامج تحرير النصوص 
(۳) حفظ الملف النصى بامتداد „htm‏ 
(4) فتح الملف فى مستعرض الإنترنت . 


<html> 
| <head> </head> 


<body> 
<font face = “andalus™ color="red" size="6"> 

مدرستى ilaa‏ ونظيفة ومنطورة 
</font>‏ 


الكود فى برنامج تحرير النصوص 
(۲) حفظ الملف النصى بامتداد „htm‏ 
|؛) فنج الملف فى مستعرض الإنترنت . 


</body> 
</html> 


۵ چم دا و‎ > Pager Deyr Tir O”) 


6 
n 


المدرسة فى أقصى يمين صفحة الوبب . 


~~ 


il 


الممسوحه 395( ب CamScanner‏ 


الممسوحه 394( ب amScanner‏ 


۱ 8 ۶ 


amScanner ب‎ Yos الممسوحه‎ 


amScanner ب‎ Wys الممسوحه‎ 


ely - Hyperlink الارتباط التشعبى‎ + > 


ma 
هی العنوان المطلوب الانتقال إليه‎ href 4 فط عليه يتم . ذيمة الخاصية‎ zi) هو عبارة عن صورة أو نص فى صفحة الوبب مرتبط بعنوان » وعند‎ - 
1 ۽ التالى أمر ادراج ارتباط دتشعبى‎ ad الإنتقال إلى هذا العنوان › وهذا العنوان يمكن أن يكون فى نفس صفحة الوبب‎ 
آخر . : سيب‎ í ۱ ویب أخرى‎ iaia 
a a سے‎ 


- عزیزی الطالب: بالتعاون مع زملانگ وبمساعدة معلمك ۰ ات © إدراج ارتباط تشعبى gai‏ الأمر <a>...<|a>‏ 

[ ۱ ] قم بتحمیل موقع وزارة التربية والتعلیم . 

[ب] أبحث داخل صفحات الموقع عن الارتباطات التشعبية ( نص فائق أو صورة فائقة )| 

tan لصم‎ 

[ج] تتبع تلك النصوص أو الصور الفائقة من خلال الضغط عليها 

إد ] تعرف على ( الأشكال المختلفة للإرتباط التشعبى ) : 
(۱) فى نفس الصفحة الوبب . (۲) بين صفحات الموقع نفسه . 


(؟)صفحة oi‏ وارتباطها التشعبى بم بصفحة رف a‏ موقع آخر . | 


- إدراج اج ارتباط تشعبى نصى ( نص فائق ) باستخدام الأمر <a>‏ ۲ 


- عزيزى الطالب- بالتعاون مع زملائك وبمساعدة معلمك + 

- قم بإنشاء صفحة ويب تحتوى على ارتباط تشعبى نصى "وزازة التربية والتعليم" . 
عند الضغط عليه يتم الانتقال للصفحة الرئيسة لموقع وزارة التربية والتعليم . 

- استخدم الكود التالى فى إنشاء الارتباط التشعبى : 


giis PEETER acta 1 نا‎ St |. A! 


عنوان موقع الوزارة | - 
المطلوب الإنتقال إليه 


آمر الارتباط باط التشعبى عى <ول>.... <.... = e‏ 
ys ۹‏ وعند الضفط 
ul‏ 1 ۰ “ 7 صفحة الونب ۶ 
۳ اة التربية والتعليم" سوف يظهر نص فائق فى "http: wy‏ المرتبط به 


1 بالماوس يتم الانتقال إلى الموقع Www.moe, gov.eg"‏ 
</a7 ”‏ 


> هو نهاية ( إغلاق ) الأمر <ه> . 


الممسوحه ضونيا ب CamScanner‏ 


۱۹۰ | 
| 


| 
amScanner 2 ss الممسوحه‎ 


الکموتر ونکنولونبا الرغلوماد والإتظالات لصف glad!‏ الأعدادى 


۱ خطوات انشاء وتنفين ارتباط did‏ تشعبی باستخدام ape‏ 


(۱) فتح أحد برامج منسقات النصوص . 
(۲) کتابه الکود التالی : 


za href = “myschool.htm” > <img sre = "tools.jpg"> </a> 


‘ids ~‏ : كتابة أى عند أذ u‏ 
day, html> d‏ هو 3 نص إنشاء ارتباط 
agente. ee‏ : ءاسم ملف الصورة والامتداد عند إنشاء ارتباط s‏ 


za href = 0 htm“ > <img src = “tools. jpg" > 3‏ م صل 
</body>‏ » 


هو + ttl‏ جدول يه يحتوى على بعض ا HTML‏ لإنشاء ص 


۰۵ ns ن تامج‎ a4 
ود شی بردامج تحرير الا صوص‎ 


(؟) حفظ ملف صفحة لیب . تب O‏ 


توب بلغة html‏ _ 
(۶) عند فتج ملف صفحة الوبب ف -J‏ ع = 


فى مستعرض الإنترنت تظهر الصورة فائقة كالتالى: 


ye + 
من‎ gue فى لون‎ 
we a 1 لإنشاء ارتباط نك‎ <a> Ay... > 
a all esl ستخدم آلامر‎ (y) 
On p , لخن لون الكتابة بصفىة‎ oe نخدم الخاصية‎ (p) 
( .. a <font> من خصائص الأمر‎ face الخاصية‎ 
wow a (5) 

يستخدم.الأمن .<> اللكتابة بداية من سطر Bigs‏ 1 / ( 
| 5 الخاصية <center>‏ لمحاذاة النص فى نت السطر ١‏ ( 
0 الخاصية SIC‏ من خصائص الأمر i _ <body”‏ ) ( 

حاط "H erlink" ea‏ عيارة eee‏ ( 
(A)‏ الارتباط التشعبى عبارة عن نص كار أو صورة فائقة bsp‏ 
نان معين NS‏ عليه ۳ O‏ ) ۱ 
<head> (3)‏ هی المنطقة الخاصة بكتاية معلومات giid‏ عن الصفحة مثل عنوان 
أكمل العبارات التالية من بين القوسين , 
<font - <la> - <br> = embed - <font? - Middle - font color )‏ ( 
(۱) يستخدم الأمر -- .همه اللكتابةابداية من بسار ۳ 
() بعد استخدام أمر الإغلاق ۰۰۰۰۰۰۰۰۰۰۰۰۰۰۰ ۰ ينتهى تأثیر الأمر FO‏ على تسیقات 
کی نص يكتب بعده 
ee‏ تخدم و ST‏ 
He‏ ۰ یستخنه ial‏ إدراج فيديو dala‏ صفحة الويب . 
| يظهر نوع الخط على صفحة الویب بالشكل:الافتراضى فى حلة غم انتخدام الأمر 
mee eee en‏ 
ek 7 i.‏ لجعل النص يقع بمحاذاة منتصف الصورة داخل 
ر 0 ا Aree‏ هو إغلاق أمر إنشاء ارتباط تشعبى 


ا 
psa‏ الأمر ۰ لتغيير لون الخط إلى اللون الأحمر . 


الویب من ,اديمين إلى الیسار . 


وضع خط تحت الكتابة 
— 


<b>‏ ۱ خط أسود عربض 
خط مائل 
bi =‏ 


<img>‏ الإظهار صورة على صفحة الوبب 


لس "EF EIE‏ 
<Bgsound>‏ لإدراج صوت کخلفیه للصفحة 
— سب = A‏ 
<embed>‏ إضافة صوت أو فيديو لصفحة الويب 
<a>‏ لإنشاء ارتياط تشعبى 


الح 


:)) body التابعة للأمر‎ dir الخاصية‎ ad ( > 


ib 


النص يقع بمحاذاة الحافة السفلى للصورة 
النص يقع بمحاذاة الحافة العليا 


الممسوكه ضونيا ب CamScanner‏ 


| ۲ Mil 


yl‏ الب ال الأول ! ا 


الممسوحه ضونیا ب amScanner‏ 


الصف الثائى الأعداد, È‏ 


الكمزيوتد وتكنولوجيا ileal Roll‏ والإتهالاد 


مستند به محتوى إلكترونى ينشر على شبكة الانترن 
عرضه من خلال برنامج مستعرض الإنترئت 
تعرض معلومات يتم الإطلاع عليها فقط بدون إمكانية 
إجراء أى معالجة من الزائرين لمحتواها 

مكان على شبكة الإنترنت يتكون من صفحة ويب 
وبتم زبارته من خلال عنوان معين . 

JENI يسهل‎ WDE صفحة بموقع الویب والتی من‎ Ji 
. لباقی صفحات الموقع‎ 

هی خاصية للتتقل بين صفحات الموقع 
الصفحة التفاعلية هی صفحة معلومات تعرض محتوی يتيح للزائرين التفاعل 
3( معه ومعالجته . 
EEDE‏ ضع علامة alai (V)‏ العبارة الصحيحة و علامة (x)‏ أمام الخطا, 
(۱) تستخدم لغة HTML‏ فقط فى إنشاء صفحات ويب تفاعلية . E)‏ 
(Y)‏ تستخدم لغة JavaScript‏ لتحويل الصفحة الثابتة إلى صفحة تفاعلية . ( ) 
)7( الأمر الذى يكتب فى بداية الكود ليشير إلى أن المستند مكتوب بلغة HTML‏ هو 


الصفحة الثابتة 


w) . <title> 
) ( &nbsp; للتحكم فى عدد المسافات (الفراغات) بين الكلمات نستخدم الرمز‎ (£) 
me) لإضافة صورة لصفحة الویب.‎ <img> نستخدم الأمر‎ )5( 
عدد صفحات المو لتخطيط‎ ar . بالأكواد ید‎ neat! شرح‎ I 
۱ ۱ ۱ 3 5 ; 1 | te a Ry oc aa 
۱ Aa | | | (1) <title> My school afez .ىن‎ a ae a 


| التفصيلى لموقع الویب . : 
* ینشی صفحات الموقع المختلفة بلغة HTML‏ 


(2) <body bgcolor = "green"> eee ee E 
(3) <img sre = و‎ a 


و <font face = "andalus"> a...‏ )4( 7 بدرج ارتباط تشعبی بين صفحات الوقع . 


ocr 


الممسوحه ضونيا ب CamScanner‏ 


= = Sa 
, تتکون صفحة الويب ( الرئيسة ) من الآتى‎ o 
النص ( مدرستى ) الخطلوتة ا‎ (1) 
(T) . خمسة ارتباطات تشعبية نصية‎ (1) 


١ حجمه‎ 
(isi) ap كود صفحة‎ ee 


<html> 
<head> 
<title> مدرستى‎ </title> 
</head> 
<body bgcolor = skyblue dir = l> 
<center> 
<font face = "tohama" color = "red" size = 


<br> 


<font face = "andalus" color = "purple 
<a href = "homechtm"> الصفحة الرئيسية‎ </a> & 


<a href = "about:him"> عن المدرسة‎ </a> &nbsp; & nbsp; 

<a href = "photo.htm"> ألبوم الصور‎ </a> &nbsp; &nbsp; 
<a href = "photo.htm"> الرؤية والرسالة‎ </a> &nbsp; &nbsp; 
<a href = "contact,htm"> اتصل بنا‎ </a> 

<b> <br> : 

<img ore = "School png" height = "450" width = "8007 


</head> 
</html> 


0 


" size = SS 


nbsp; &nbsp; 


© اتشاء موقع مدرستی + 


- من التخطیط التفصیلی 


للموقع يتضح أنه مکون من خمس صفحات ویب وهی 
کالاتی: 


1( صفحة الویب الرئيسة ( مدرستی ) تحفظ بداخل 


. home.htm ملف‎ 
الویب‎ iaia (Y) 


) عن المدرسة) تحفظ بداخل ملف about. htm‏ 
(r)‏ صفحة الويب ( ألبوم الصور ( تحفظ بداخل ملف photo. htm‏ . 


)4( صفحة الويب ( الرؤبة والرسالة ) تحفظ بداخل ملف vision.htm‏ . 
- وسوف يتم إنشاء وحفظ کل 
——— 


الكمجوتر 


A 


amScanner ب‎ Yos الممسوحة‎ 


الممسوحه 394( ب amScanner‏ 


hvy 


الممسوحه ضونيا ب amScanner‏ 


VAJ 


الممسوحة 394( ب amScanner‏ 


۱۸۰9 


amScanner ب‎ Ygs الممسوحه‎ 


Ol 


XV u ۱ nd > الامر‎ E 


یی 
|* السؤال الثالك , أ 


(۱) مستز 


القادر 


|, السؤال الأول‎ «l 


الممسوحة ضونيا ب amScanner‏ 


Seon ss un eee 


eG 


al! 7‏ ؤال الثالث: 


VAY 


الممسوحه ضوئیا ب amScanner‏ 


۱۸۳۸ 


الممسوحه 394( ب amScanner‏ 


— المرحله امسه: 
| 5 4 الخا j‏ 
مسدك : 


۷ تسب 
Paw oe‏ 
جيل 3 


[A] 


| 
صو 

يا ب anner‏ 

C 


HENT 
۱۳۳۳۳ ١١ ir), : 
cm 4 mL. 
۲۳6۱۱5۵ ات‎ ۱ 
Als رن‎ 1 = 
Mi ا‎ ay 
نص ممط احم حدر‎ 
۱۱) 
)د‎ 
5 
(\) 
) صو‎ 5 
م“ سرد‎ ۷۲ 
د‎ )۳( 
arr وت لا مید‎ € — 
التحكم فى العنره الرمدية المت کره‎ + 
نسم‎ 1F 
2 4 3 
Ke 
5 Jya 
= ۳ ۱ 


amScanner ب‎ Yos الممسوحه‎ 


باتفا لإنشاء صفحة ويب باستخدام آوامر poi HTML‏ 
H alga‏ وتعدیلها » يتم إنشاء ملف نصى p‏ .. 
TML Sais) doe‏ و ee‏ 


‘Capital’ 
html و‎ -htm بامتداد‎ 


() يتم بملف المحفوظ من خلال مستعرض الإنترنت BA‏ تیه یذ صفعه لوب 
0( فتج | bes ie‏ الوبب باستخدام الأمر: title «< </title>‏ 
í‏ یی "مدزسنتى" عنوان لصفحة الویب : </title>‏ مدرستی <title>‏ 
حل <body> «+++ </body> ie eee‏ 

</body> مصر‎ <body> : داخل صفحة الوبب‎ ae e 
A 


تحاه محتوبات صفحة الوبب بالخاصية dir‏ : 

<body dir = rtl> : ا 5 اليمين إلى اليسار‎ es 

= الصفحة من اليسار إلى اليمين : <body dir = Itr>‏ 

* اتحاه = 

ة من سطر جديد بالأمر <br>‏ : 
تابة بداية من جديد ب 

عد </body>‏ هو مستقبلك <br>‏ الكمبيوتر <body>‏ 

تنسيق صفحة الوبب ( محاذاة توسيط لكلمة "مصر" ) بالأمر : <Center>‏ 
</center> 7 E‏ مصر <center>‏ 

$ بلدى ) : بالرمز &nbsp;‏ : 
سافة فات ( قرات ن الكلمات ( مصر ب :2 ; 

ا بلدى ae Enbsp; &nbsp; &nbsp;‏ 
+ لاحظ آن, الأمر &nbsp‏ يستخدم لترك مسافة تعادل ضغطة واحدة AEE‏ 
اع ست ا oes a‏ - 
" تغيير لون خلفية صفحة الوبب إلى اللون الأحمر بالخاصية 06010۲ ۳۳ 

۷ gcolor = "Red"> </ body> ل = ال‎ Ja 
: خلفية لصفحة الويب‎ sunrise.png إضافة ملف صورة‎ - 


<bod n 
y background = "sunrise.png"> </ body> 


i‏ ة موجود فى نفس 
المجلد المحفوظ فيه ملف صفحة لویب . وإذا E on‏ 
آخر ۰ يتم كتابة اسم ملف الصورة وامتداده واسم المج 
تتسیق النص نستخدم بالأمر SIONS | </font>:‏ 
د <font>‏ له عدة خصائص تابعة له منها : 


-W 


ob 1‏ الإنتقالية رو 


-Change Font |‏ تغيير نوع الخط , 
Backgroun‏ : تغيير لون الخلفية . 


+ إضافة مراحل انتقالية Transitions‏ اشهد الفيديو , 
)۱( اضغط على تبوبب الانتقالات "Transitions"‏ , 
(۲) اضفط على أحد المراحل الانتقالية مع السحب واضافته لمشهد الفيديو . 

- لاحظ: يتم وضع المرحله الانتقالية فى بداية أو نهاية المشهد . 

(Y)‏ التحکم فى الفترة الزمنية لعرض المرحلة الانتقالية بالضغط 


2 دامن علیها لتقليل أو زبادة 
الفترة الزمنية لها عند العرض . ; 
× إضافة نص اشاهد الفیدیو : 
(۱) تحديد النصوص المطلوب إضافتها للفيديو . 


١ تحديد أماكن إضافة النصوص (فى بداية‎ (Y) 
. Title اختر‎ . Title من قائمة‎ )۳( 
. یظهر المریع الحواری . ملء بیانات المربع الحواری‎ (é) 
. اختر قالب الخط‎ : Select a template ] Í ] 
d Color ] J . تغيير لون الخط‎ : Text Color [g] 
وتسمية ملف النص باللغة الإنجليزية‎ Save حفظ النص فى ملف باضغط على زر‎ )*( 
_ "Project Files" يظهر الملف النصى فى ملفات المشروع‎ - 
. إضافة الملف النصى إلى مشاهد الفيديو بالضغط عليه وسحبه إلى أحد المسارات‎ (*) 
: تصدير ملف فيديو بامتداد مناسب‎ × 
"Export video" اضغط على زر تصدير الفيديو‎ )١( 
_ Export video واختر‎ File أو : أفتح قائمة‎ 
_ "Export Video" یظهر المریع الحواری تصدير الفيديو‎ )۲( 
. حدد اسم ملف الفیدیو‎ : File Name * 
. حدد نوع امتداد ملف الفيديو‎ : Target * 
— حدد مستوى جودة الملف (عالى الجودة‎ Quality * 
لتصدير الفیدیو : اضغط على زر تصدیر‎ * 


لفيديوإبين مشاهد الفیدیو/ نهاية الفيديو) . 


O‏ فى شربط القائمة الرئيس. 


Folder Path *‏ : حدد مكان حفظ الملف . 


متوسط الجودة - قليل الجودة) 
الفيديو "Export Video"‏ „ 
I IIH‏ الوحدةالثانية - الملوضوع الأول 7 x HTML aas x**‏ 
تعريف a E ± L ast‏ 4 
٠ HTML aw =‏ هی لغة تکوید ستخدم لإنشاء صفحات موقع الإنترنت «Fatty‏ 
وبتم عرضها من خلال مستعرضات الإنترنت . 
- آومر لقة HTML‏ صر “Tags‏ تم تنفيذ ۵ خلال برنامج مستعر 
١ Es.‏ کم و این خلال برت س الانترنت 
وبظهر تأثير هذه الأوامر على صفحة المستعرض : apar Š‏ 


D 


الكمييوتر 


kkkkkkkkkkkk 


الممسوحه ضونيا ب CamScanner‏ 


e 


1 


۱) الخاصية Face‏ لتحدید نوع الخط . 
(Y)‏ الخاصية size‏ لتحدید حجم الخط 
- اجعل كلمة " مدرستی" من نوع خط "Andalus"‏ _ 
</font>‏ مدرستی s">‏ 
- اجعل كلمة " مدرستى" تظهر بخط لونه ( أحمر ) . 
</font>‏ مدرستى "Red">‏ 
- اجعل كلمة " مدرستی" تظهر بحجم خط ٩‏ ; 
2 مدرستی ng">‏ 
> نستخدم الأمر : <b?‏ کالتالی: 
- لجعل نمط الخط مائل > نستخدم الأمر : <i>‏ کالتالی: 
- اجعل ha‏ الخط تحته خط e‏ بالأمر <u>‏ کالتالی: 
- إدراج ملف صورة egypt.gif‏ داخل صفحة ۱ 


تستخدم الخاصية sre‏ التابعة للأمر img‏ , وقيمة 


efont face > "Andalu 


<font color = 


<font size =‏ 
<b>‏ النص </b>‏ 
<1>النص <li>‏ 
<u?‏ النص </u>‏ 
لويب باستخدام الأمر img‏ . 
الخاصية هو اسم ملف الصورة وامتداده . 
<img sre = “egypt.gif">‏ 


- لجعل نمط الخط أسود oap‏ 


* لاحظ : 
- تستخدم الخاصية width‏ لتحديد عرض الصورة بالبكسل . 
- الخاصية height‏ لتحديد ارتفاع الصورة بالبكسل . 
gh! "‏ ملف صورة egypt.gif‏ داخل صفحة الوبب بحيث يكون : 

ارتفاع الصورة يساوى 50 بكسل وعرض الصورة يساوى 100 بكسل . 

<img src = “egypt.gif” height "50" width = "100"?‏ 
— إدراج ملف الصوت Belady.mp3‏ خلفية صوتية للصفحة باستخدام الأمر .bgsound‏ 
<bgsound sre = "belady-mp3” 7‏ 
0 داخل صفحة الويب باستخدام الأمر embed‏ 

<embed src = “accident.avi" 7‏ 
" الارتباط التشعبى عبارة عن نص HE‏ آد صورة فائقة مرتبط بعنوان معي » وعند الضغط عليه 
ينم الانتقال إلى العنوان المرتبط به . 

- ادراج ارتباط تشعيى د 


- إضافة فيديو ent.avi"‏ 


<a href = npttp://www.mov-80V:°8 > aie 
فى‎ school.jpg إدراج ارد تباط تشعبى لصورة‎ - 


ارط صفح الويبنيحيث تكون ppal‏ الفائقة 
مرتبطة بموقع مدرستى p myschool.htm Å"‏ 
</a>‏ 


[1 uw. ovo: school.jpg 


لکمچوتر سے 
cane‏ 


]کی ییو ( ونکنولوجیا log hol‏ والإتصالات 


(۳) التخطيط as‏ 
)°( التصميم s‏ 
م 
TO‏ يم صفحات الموقع 
eee (A)‏ 
)4( الصفحة الرئيسيه 
السؤال الرابع: 

(۱) المرحلة الرابعة . 

(Y)‏ تصميم صفحات الموقع 
(4) التخطيط 

)2( الإعداد والتجهيز 
السؤال gy SAAN‏ 
)1( نشر الموقع عير الإنترنت 
(۲) التخطيط لبناء الموئع 
0 مرحلة الإعداد والتجهيز 
و 

)3( مرحلة التنقيد 

السؤال السادس: 

)30 )1 ماج (۶) ب 


)0( مرحلة التصميم 
(V)‏ مرحلة التخطيط 


السؤال الأول: 
Audacity (1)‏ 
)£( الزمنى 
السوال الثانى: x‏ 
(r) 7) × )۱(‏ × )£( 
x (A) x (Y) ¥ (4)‏ 


(e) ب)٤(‎ ۱) pita be 


Delete (r) 


وئ اتوت )1( Play‏ 


MP3 (°) 


4 (°) 


Delete (3) 
Cut (A) 


-W 


السؤال الأول: [ أدلا ] 
(۱) التخطيط لبناء الموقع Aaa‏ 
(Y)‏ تصميم صفحات الويب للموقع . 
0 الإعداد والتجهيز لصفحات الويب . 
(ه) نشر الموقع عير الإنترنت . 
[ ثانيا ] ek‏ 
)1( تحويل التصميم الورقى إلى صفحات Ris‏ = 
ینکن عرضها من خلال برامج متصفحات sea‏ 
۳ اضافة البیانات ( تصوص — صور -uya‏ 
فيديو .) فى صفحات الویب . 
saan 5‏ اور بقل مجة HTML‏ يتم إنشاء 
الارتباطات التشعبية بين صفحات الویب . 5 
السؤال الاول: 
(۱) التصميم 
)£( نشر الموقع عبر الانترنت 
السؤال الثانى: 5 
ak ley) O *(')‏ 
E N 7) (")‏ 
السوّال الثالث: 
(۱) نشر الموقع عبر الإنترنت 


fie‏ لتخطیط 
رد بسا ماو 1۳3 


Le‏ المشلومات والإتضالان 


السؤال „esiti‏ 
)۱( النصوص والصور 
HTML )۲(‏ 

(*) الصفحة الرئيسة 
(1) التفاعلية 
السوّال الرابع: 
(۱) صفحة الویب 
HTML )۲(‏ 


dres? (") 
web A jas) (°) 


)۷( موقع الورب 
Web Page‏ 


i (9‏ )۳( صفحة الوري لتقا 
)1( عناصر „ygi iaia‏ 
السؤال الخامس. 


eye e209 30) 
لسادس:‎ 


ك موقع “ag‏ 
(Y)‏ الصفحة الرئيس 


السؤال ۱ 
)١(‏ الارتباط التشعبى 
(۳) صفحة الويب 
HTML (°)‏ 


)"( العناصر 
)£( الصفحة الرئيسة 
)7( موقع الويب 


بموقع الویب والتی من : 
يسهل الانتقال لباق sake‏ ورن ۰ ۱ 


٠‏ يمكن زيارة موقع الويب من 
5 0 


ا۶ ای معالجة , 
تصمیم صفحات الویب 


اكمور 


م لعرض 
إمكانية إجر 
- تستخدم أوامر at‏ 
HTML ۳‏ فى 


as 5 TA‏ 8 5 برد و 
ac 9 ١ i ۰‏ 
aye) € ae‏ (۷) ب 


++ اجايات dial‏ ا موضوع الأول xt‏ 
السؤال الأول: 
(r) * (1) * )'(‏ 
السؤال الثانى: 
(۱) التفاعلية (۲) الرئيسة 
(؟) صفحة الويب (4) الثابتة 
السوال Jé‏ 
a(t) i) 20)‏ 
السؤال الرابع: 
(۱) صفحة الويب الثابتة 
0( عخاصر صفحة الويب 
(4) صفحة الويب التفاعلية 
)°( الصفحة الرئيسة 


x )۷( * (7) > (°) ” ۴ 


)°( موقع الويب 
el i (£)‏ )2 ( | 


(۲) صفحة الويب 


(1) موقع الويب 


“gat السؤال‎ 
mrm x(') 
رم‎ × ×7 


الکمدوته وتكنولو حا Laldall‏ 
موه وسيم ماسر AP‏ ولخت Oe‏ 


"y 


بق )1( ص fe‏ 


++ أ siali‏ 
Alil 1‏ الوا بحب اص ++ 


amScanner ب‎ Ygs الممسوحه‎ 


Awi *‏ الوا 
و اب 


amScanner ب‎ Yos الممسوحه‎ 


5 Ul. الا‎ 


نگنوله‌صا المغلومات و 


۱ 0 


ali,‏ الواجب »ص ا 


وه 


السوال الثالث 


الممسوحه 39-4 ب canner‏ 


5 اختبار مراجهة على ما سبق 


السؤال الأول: x )"( ۷ )۲( × )١(‏ )£( ۷ )9( ۷ 
السؤال الثانی: (۱) <body dir = "rtl">‏ 
<u> school </u> (Y)‏ 
(؟) Import files‏ 
Enternet Explorer (°)‏ 
السؤال الثالث: (۱) صفحة الويب 
(Y) html )۲(‏ صفحاث الويب التفاعلية )£( mp3‏ 
)0( النشر عبر الإنترنت 
السؤال الرابع؛ )4( )69 )8( © A)‏ (5) 
و اتب مراجعة على اميق Pe C)‏ 
السؤال الأول: 
“O XO xi) 70) 9‏ 
السؤال الثانى: background )۲( title )١(‏ 
repeat (£) htm (*)‏ )0( كل ما سبق 
السوال التالث: (۱) Transitions )۲( <i>‏ 
(م) <a> (£) <BR>‏ (ه) الارتباط التشعبی 
السؤال الرابع: (۱) موقع الویب 
(Y)‏ صفحة الویب (Y)‏ صفحات ويب تفاعلية 
<body> (°) html (£)‏ 
+ اختبار مراجعة على ما سبق (۳) ص ۱۸۵ * 
اسوال الأول: )1( MP3‏ (1) عند لامجو 
(۲) الرابعة )£( href (°) Repeat‏ 
السؤال الثانى: )9( × )7( ۷ (t) x(t)‏ * 
V (1۰) x (8) x (A) ۷ x(x) < (e)‏ 
السوال الثالث: 
)1( الويب تفاعلية 
)"( الشريط الرئیسی )£( htm‏ 
السؤال الرابع: (۳) (TE T‏ 


۳: 


التمنيات بدوام التوفيق 
أطيب j‏ أسرة الفائز 


&nbsp; (t) 


Preview Window (") 
rtl (°) 


<b> ۲ Sa ات‎ 
size ۷ ۱ اس‎ Sy 
TOP) bose (t) uy 


htm ().) ۳۳۱ ۸ 
Olo 


وال الأول" 


<a> )۱( : a 
bgsound (s) <head> (1) وت‎ 
Notpade (Y) و‎ 
<center> (1۰) embed (4) 5 ۷ 
٩ )*( (4)ج‎ a (7) i(t) ول الثالثة (۱) ب‎ 
PP د‎ eng, 

SU ۵ z(y) ب‎ (ï) ب‎ )( 


+ ۳ اخنبار عام (علی الوحدة الثانية)‎ A 
x (£) v (") 7 (Y) x )۱( 0 


x (+) x )٩( x (A) ۷ (Y) < ز6‎ on 
السؤال الثانى:‎ 
img (؟)‎ html (1) 
bgsound (°) body (4) 
embed (Y) <font> والأمر‎ size الخاصية‎ (1) 
&nbsp; (1°) Aling (4) <font> (A) 
السؤال الثالث:‎ 
htm )۲( منسق النصوص‎ (1) 
Size (°) Gi AY) مستعرض‎ (t) 
السؤال الرابع:‎ 
البكسل‎ (Y) width )۱( 
<center> (°) bgcolor (£) 
"My School gaili السؤال الخامس: )1( إضافة‎ 
الويب (۲) الكتابة بخط نوعه أندلس‎ aial عنوان‎ 
بصفحة الويب‎ “School.png" أضافة ملف صورة‎ )۲( 
بصفحة الويب‎ "Song.mp3" إضافة ملف صوت‎ (£) 
تغيير لون صفحة الويب إلى الأخضر‎ (°) 
فى منتصف السطر داخل‎ "Welcome" كتابة النص‎ (1) 
صفحة الويب‎ 
بصفحة الويب‎ "Egypt.avi" إضافة ملف فيديو‎ (V) 
إدراج ارتباط تشعبى بموقع وزارة التربية والتعليم‎ (A) 


dir () 


<a> )۳( 
<br> (4) 


<i> (2 


ا ل i‏ 


الكمجيوتر 


ونکنولوجی alae‏ وان 


7 0 
net Explorer ( 
doa src )۲( 


&nbsp; (*) 


' السؤال الأول. 

ir) E (۱)ج‎ 
i) ب‎ (*) 

السوّال الثانى: 

(۱) ج (')د im‏ 
السوال الثالث- 

ry v(t) *O) 
a السؤال الرابع:‎ 
۲ aN eo school" جعل نص‎ )۱( 
جل خفية صفعة الوب بون اس الويب‎ )( 
ب د حصر‎ Ls as 

) ( إدراج ملف صورة "school.png‏ داخل 


TOL AE 


Ce t.m 3 
خافية‎ 01.1903 


ao v(t) XC) 
wy vn 70) 
السؤال الثتى:‎ 

<u>..</u> )١( 

(۲) نوع الخط 

Href (*) 

<center> (*) 
bgsound (^) 

<i> (`°) 
السوّال الثالث.‎ 
<a> )۲( 


v(e) *(*) 
۷ )۱۰( v (4) 


Tags )۲( 
head (°) 
<body> (Y) 
bgcolor (4) 


Height (‘) 


dir )۲( ata ارتباط‎ )9 


html (°) 


السوّال pre‏ )۱ ب 
اعد ملف صورة egypt.gif‏ داخل صفحة 


(9)ج572)د(4) ه (ه) 1 


)١(‏ عرض كلمة ( مصر ) فى منتصف السطر داخل 


(۳) عرض كلمة i)‏ ن الا 
خط 1 داخل FF‏ ویو و ae‏ 
(t)‏ عرض كلمة تر) ف 

( ص کلمه (الكمبيوتر) فى سطر وعرض عبارة 
(وتكنولوجيا المعلومات والاتصالات) بداية من 


(°) إدراج فيديو داخل صفحة الويب 
السؤال الخامس. : 
)١(‏ ملف الصورة 

)"( تحرير النصوص 

“school.jpg” (*) 

)1( مستعرض الإنترنت 

السؤال السادس. 


۰ ۸0 ۰ ۰0 ررم 


+ ۱1۵ اجایات الوضوع الأول ص‎ * wee 
السؤال الأول.‎ 


v(t) O) 
x0) ۷ )5( 
السؤال الثانى:‎ 
t> ۲) <br> ۷ 
Male (2) <font (° 
font color (¥) 
السؤال الثالث.‎ 


)#0 (4)” رمعي 
vy > (‏ 


embed (*) 
</a> (*) 


(۱) جعل ai‏ 
فی یز (MY Schoen‏ يظهر بخط عریض 
(Y)‏ تغيير اتجاه iaia‏ 
(Y)‏ تغيير لون خلفية 
pee‏ 


ویب من اليمين إلى اليسار . 
صح الویب إلى اللون الاخضر 
)°( اضافة ملف " 
للصفحة 3 صوت خلفية 
)1( اضافة ملف ": 
الویب “Internet.av!‏ فيديو E:‏ 


CO 1ه‎ 


الكمبيوتر 


25 
4= 
o 
کے‎ 
F= 
= 7 
© J 
a 
aa 


الدعاية والتسویق 
01006189130 


KEV 


9 ل‎ 4 5 it 
CamScanner الممسوحة 395( ب‎ 


